![HTML 标签表 HTML 标签表](//upload-images.jianshu.io/upload_images/12209211-2241c9bcfba4a35b.jpg)
1. 链接
标签:
<a></a>
属性:
href:链接地址
target:打开方式
_blank:新标签页打开
_self:当前页面打开(默认)
title:链接提示
2. 文本标记
标题元素
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
文本样式
斜体:
<i></i>
粗体:
<b></b>
删除线:
<s></s>
下划线:
<u></u>
上标:
<sup></sup>
下标:
<sub></sub>
段落元素
<p></p>
换行元素
<br/>
分割线元素
标签:
<hr/>
属性:
size:尺寸
width:宽度
color:颜色
align:水平对齐方式
left/center/right
分区元素
块分区元素:
<div></div>
行内分区元素:
<span></span>
块级元素与行内元素
块级元素:
<p></p>
<div></div>
<h1~6></h1~6>
行内元素:
<img/>
<a></a>
<i></i>
<b></b>
<s></s>
<u></u>
<sub></sub>
<sup></sup>
<span></span>
3. 图像
标签:
<img/>
属性:
src:图片地址
width:图像宽度
height:图像高度
4. 表格
标签:
<table></table>
属性:
width:宽度
height:高度
border:边框宽度
bgcolor:背景颜色
cellpadding:内边距
cellspacing:外边距
align:水平对齐方式
left/center/right
子元素
标签:
<tr></tr>(创建表行)
属性:
bgcolor:背景颜色
align:水平对齐方式
left/center/right
valign:垂直对齐方式
top/middle/bottom
标签:
<td></td>(创建单元格)
属性:
width:宽度
height:高度
align:水平对齐方式
valign:垂直对齐方式
<caption></caption>(表格标题)
<th></th>(列标题)
<thead></thead>(表头)
<tbody></tbody>(表主体)
<tfoot></tfoot> (表尾)
5. 列表
有序列表
<ol>
<li></li>
</ol>
属性:
type:标识类型,默认为数字排列
1(默认)/a/A/i/I
start:定义起始值,默认从1开始
无序列表
<ul>
<li></li>
</ul>
属性:
type:标识类型
disc(默认)/circle/square/none
自定义列表
<dl>
<dt>列表中的标题</dt>
<dd>列表中的数据</dd>
</dl>
6. 表单
标签:
<form></form>
属性:
name:表单名称
action:提交地址
method:提交方式
get/post
input 元素
标签:
<input/>
属性:
name:控件名称
type:控件类型
value:值
disabled:禁用
常用表单控件
文本框:
<input type="text"/>
密码框:
<input type="password"/>
属性:
readonly:控件只读
maxlength:限制字符数
单选按钮:
<input type="radio"/>
复选框:
<input type="checkbox"/>
属性:
checked:设置默认被选中
提交按钮:
<input type="submit"/>
重置按钮:
<input type="reset"/>
普通按钮:
<input type="button"/>
图片按钮:
<input type="image" src=""/>
文件选择框:
<input type="file"/>
隐藏域:
<input type="hidden"/>
button 元素
<button>内容</button>
select 和 option 元素
<section name="">
<option value="" selected></option>
</section>
7. 结构标记
<header></header>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<footer></footer>