HTML5标签和属性思维导图

🐱呆呆

2025-04-27

浏览量: 0

标签属性

标签分类

标签介绍

文本控制标签，图像标签，列表标签相关内容讲解

树图思维导图提供《HTML5标签和属性》在线思维导图免费制作，点击“编辑”按钮，可对《HTML5标签和属性》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：71095628fb3a018a454e43e8636a2fae

思维导图大纲

2.1文本控制标签

1.页面格式化标签

1.标题标签

6个等级标签

h1-h6（重要程度依次递减）

书写方式

align属性

lift

center

right

eg：

<h2 align="center"> 床前明月光，</h2> <h2 align="center">疑是地上<mark>霜</mark>。</h2> <h2 align="center">举头望明月，</h2> <h2 align="center">低头思故乡。<br>di tou si gu xiang.</h2>

2.段落标签

<p>

书写方式

3.水平线标签

<hr>

书写方式

属性

align对齐方式

lift,center,right

size水平线的粗细

单位（px）像素，默认2px

color颜色

red，blun。。。。。

width宽度

eg：

4.换行标签

<br>

书写方式

<p>使用HTML5制作网页时通过换行标签<br />可以实现黄行效果</p>

2.文本格式化标签

<b>标签和<strong>标签

加粗

<u>标签和<ins>标签

下划线

<i>标签和<em>标签

斜体

<s>标签和<del>标签

删除线

<cite>标签

斜体显示，常用于参考文献引用

<time>标签

时间和日期

<mark>标签

底色样式

3.文本样式标签

书写方式

属性

face

字体：微软雅黑...

size

字号：1-7，无单位

color

颜色：英文名称

4.特殊字符

空格符

&nbsp

&it

&gt

和

&amp

人民币符号

&yen

版权符号

&copy

商标注册符号

&reg

度数符号

&deg

正负号

&plusmn

&times

➗

&divide

2（上标）

平方

&sup2

3(下标）

立方

&sup3

2.2图像标签

1.常用图像格式

GIF,PNG,JPEG

2.图像标签及其属性

语法

src图像路径

3.属性

alt

用于设置图像的替代文本

images图片所在文件夹

tao。png图片名称

彩陶（文本名称）

title

用于设置鼠标停在图片上时显示图片名称

width和height

设置图像高度宽度

border

添加边框

vspace和hspace

排版

align

图片位置

2.3列表标签

1.无序列表

<ul>标签

<li>标签嵌套在<ul>标签里

2.type属性

disc（默认值）

黑色圆点

circle

白色圆点

square

黑色方点

3.有序列表

<ol>标签

4.type属性

1（默认）

A或a

I或i

start

数字

指定全部列表项目起始值

value

数字

指定当前列表项目起始值

reversed

排列顺序为降序

5.定义列表

<dl>标签用于定义列表

<dd>标签和<dt>标签都嵌套在<dl>标签里

eg:

<dl> <h6><li><dt>有机化学</dt></li></h6> <dd>有机化学 (Organic Chemistry)又称为碳化合物的化学，是研究有机化合物的组成、结构、性质、制备方法与应用的科学，是化学中极重要的一个分支。</dd> <dd>中文名: 有机化学</dd> <dd>外文名: Organic Chemistry</dd> <dd>学科门类: 二级学科</dd> <dd>定义: 研究有机物的化学</dd> <dd>对象: 烃及其衍生物</dd></dd>