常用标签

标题标签

<!-- 标题字 -->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

文本修饰标签

标签	描述
<font></font>	用于设置文本的字体样式
<b></b>	粗体字
<i></i>	斜体字
<s></s> 或<del></del>	删除字
<u></u> 或<ins></ins>	插入字
<sup></sup>	上标形式显示2
<sub></sub>	下标形式显示2
<strong></strong>	加粗的形式显示与<b>标签功能相似
<big></big>	比周围的文本大一个字体尺寸
<small></small>	比周围的文本小一个字体尺寸

其他常用标签

标签	描述
<br>	换行（独目标签）
<hr>	水平线（独目标签）
<pre></pre>	保留格式
<p></p>	段落

列表元素标签
语法：

<!-- 有序列表 -->
<ol>
	<li>列表项</li>
	<li>列表项</li>
	<!-- ... -->
</ol>
		
<!-- 无序列表 -->
<ul>
	<li>列表项</li>
	<li>列表项</li>
	<!-- ... -->
</ul>

div和span标签

<div style="块元素的样式" class="类选择器名称" align="对齐方式">
	内容部分...
</div>
<span style="块元素的样式" class="类选择器名称" align="对齐方式">
	内容部分...
</span>

图像标签

<img src="url" alt="对图像的描述" height="图像高度" width="图像宽度" align="对齐方式" border="边框宽度" />
<!-- align:top、bottom、middle、left、right-->

超链接

<a href="url" target="">超链接内容</a>
<!--
target属性表
	_blank:在新窗口中打开被链接文档
	_self:默认值,在相同的框架中打开被链接的文档
	_parent:在父窗口中打开被链接的文档
	_top:在整个窗口中打开被链接的文档
	frameName:在指定的框架中开打被链接的文档
-->

背景颜色和背景图片

<body bgcolor="red" background="背景图片">

常见实体符号

特殊字符	实体引用
双引号(")	"
&符号	&
大于号	>
小于号	<
大于等于号	≥
小于等于号	≤
空格

表格

表格的基本语法

<table >
<!-- 一行可以包括多个单元格 -->
	<tr>
		<td>单元格内容</td>
		<td>单元格内容</td>
		<!-- 更多单元格 -->
		...
	</tr>
	<!-- 更多行 -->
	...
</table>

表格的基本属性 <table>

属性	取值	描述
align	left、center、right	设置表格相对周围元素的对齐方式
bgcolor	rgb(x,x,x)、#xxxxxx、colorName	设置表格背景颜色
border	像素	设置表格边框的宽度
cellpadding	像素或百分比	设置单元格与其内容之间的距离
cellspacing	像素或百分比	设置单元格之间的距离
height	像素或百分比	设置表格的高度
width	像素或百分比	设置表格的宽度
rules	none、groups、rows、cols、all	设置表格中的表格线显示方式,默认为all
frame	void、above、below、hsides、vsides、lhs、rhs、box、boeder	设置表格外部边框的显示方式

表格的frame属性可以对表格边框更灵活地进行设置,只显示表格边框的某一部分或全部显示

属性	描述
void	不显示边框
above	只显示顶部边框
below	只显示底部边框
hsides	显示顶部和底部边框
vsides	显示左右两侧边框
lhs	只显示左侧边框
rhs	只显示右侧边框
box或border	显示表格的所有边框

行标签

行是表格的水平元素,一行可以包括一个或多个单元格使用<tr>标签进行界定

属性	描述
align	设置行内所有单元格内容的水平对齐方式：left、center、right、justify
valign	设置行内所有单元格内容的垂直对齐方式：top、middle、bottom、baseline
bgcolor	设置行内所有单元格的背景颜色
bodercolor	设置行内所有单元格的边框颜色
bordercolordark	设置单元格的左上边框颜色
bordercolorlight	设置单元格的右下边框颜色

注意：在同时设置bordercolor、bordercolordark、bordercolorlight三个属性时,bordercolor边框颜色会被其他两个覆盖

单元格标签

单元格时表的基本元素可以通过<td>或<th>创建单元格

属性	描述
align	设置单元格内容的水平对齐方式：left、center、right、justify
valign	设置单元格内容的垂直对齐方式：top、middle、bottom、baseline
rowspan	设置单元格跨越的行数
colspan	设置单元格跨越的列数
csope	定义将表头数据与单元格数据相关联的方法
width	设置单元格的宽度
height	设置单元格的高度
bgcolor	设置单元格的背景颜色

注意：如果单元格标签和行标签有相同的属性,优先显示单元格标签内的属性

表格的行分组

<thead>标签定义表头,用于创建表格的头部信息
<tfoot>标签定义表尾,用于创建表格的脚注部分
<tbody>标签定义表格主体
<caption>标签定义表格的标题,显示在整个表格的上方

Html常见标签