HTML基础——标签

文字和段落标签

标题标签：<h1></h1>~<h6></h6>
段落标签：<p></p>
align对齐属性值

值	描述
left	左对齐内容
right	右对齐内容
center	居中对齐内容
justify	对行进行伸展，这样每行都可以有相等的长度

换行标签：<br>

水平线：<hr>
属性如下：

属性	描述
width	设置水平线宽度，可以像素或百分比
color	设置水平线颜色
align	设置水平线居中对齐
noshade	设置水平线无阴影

文字斜体：<i></i>、<em></em>
加粗：<b></b>、<strong></strong>
下标：<sub>
上标：<sup>
插入内容：<ins>
删除内容：<del>

特殊符号

属性	显示结果	描述
&lt;	<	小于号或显示标记
&gt;	>	大于号或显示标记
&reg;	®	已注册
&copy;	©	版权
&trade;	™	商标
&nbsp;	space	不断行的空白

列表标签

无序列表：

<ul>
	<li>列表项</li>
	<li>列表项</li>
	...
</ul>

type属性值

值	描述
disc	圆点
square	正方形
circle	空心圆

注：规定列表的项目符号类型，请使用样式设置

有序列表：

<ol>
	<li>列表项</li>
	<li>列表项</li>
	...
</ol>

type属性值

值	描述
1	数字1,2…
a	小写字母a,b,c…
A	大写字母A,B,C…
i	小写罗马数字
I	大写罗马数字

注：规定列表的项目符号类型，请使用样式设置

定义列表：

<dl>
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
	<dd>列表项描述</dd>
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
	...
</dl>

注：<dl><dt><dd>组合使用。

列表标签应用场景
导航栏、新闻列表、图文混合等等

图像和超链接标签

图像标签
语法：<img src=" " alt=" " .../>
img属性：

属性	值	描述
src(必写)	URL	显示图像的URL
alt;	文字	图像替代文本
height;	数值和百分比	图像的高
width;	数值和百分比	图像的宽

超链接标签
语法：<a href=" "> 内容 </a>
属性：

属性	描述
href	链接地址
target	链接的目标窗口 _self、_blank、_top、_parent
title	链接提示文字
name	链接命名

电子邮件链接
语法：<a href="mailto:邮件地址"> ... </a>