一、标题标签(h1-h6)
<h1>我是标题</h1>二、段落标签(p)
<p>我是标题</p>三、水平线标签(hr)
<hr /> 单标签四、换行标签(br)
<br /> 单标签五、四个文字标签(b,u,i)
<b>加粗</b> <strong>加粗</strong>
<i>斜体</i> <em>斜体</em>
<u>下划线</u> <ins>下划线</ins>
<s>删除线</s> <del>删除线</del>
建议使用右边有语义的标签六、链接标签(a)
<a href=“#”>链接文字</a>链接网址
<a href="http://www.baidu.com">百度</a>
链接本地html文件
<a href="新闻.html">今日新闻</a>
地址暂空
<a href="#">作品地址暂空</a>
新窗口打开（默认taget="_self"）
<a href="http://www.baidu.com" target="_blank">百度</a>
跳转其他页面定点
<a href="新闻.html#id">跳转</a>
锚点定位：
<a href="#live">3 主要作品</a>
<h3 id="live">主要作品</h3>base标签：
<head>
<title></title>
<base target="_blank">/*是下面所有链接都具有target="_blank"的属性*/
</head>
<body>
<h3>友情链接：</h3>
新窗口打开
<a href="http://www.baidu.com" >百度</a>
<a href="http://www.baidu.com" >百度</a>
<a href="http://www.baidu.com" >百度</a>
<a href="http://www.baidu.com" >百度</a>
</body>七、图片标签(img)
<img src=”图片地址” />属性：src\alt\title\width\height\border
1.基本图像插入方式
<img src="zhang.jpg" />
2.带有alt的图像（当图片无法显示时的代替文本）
<img src="zhan.jpg" alt="这是大头贴" />
3.带有title的图像（鼠标置于图片上时，显示的文本）
<img src="zhang.jpg" title="张智尧" />
4.带有宽度\高度的图像
<img src="zhang.jpg" width="300" height="300" />
5.带有边框的图像
<img src="zhang.jpg" border="5" />
插入路径：
相对路径：
同一级
<img src="zhang.jpg" />
下一级
<img src="image/zhang.jpg" />
上一级
<img src="../zhang.jpg"/>
上两级
<img src="../../zhang.jpg"/>
绝对路径
电脑中完整地址
<img src="C:\apple\image/zhang.jpg"/ height="300">
网络地址
<img src="http://www.itcast.cn/images/logo.png"/>
八、列表标签(ul，ol,li)
无序列表
<ul>
<li>选项一</li>
<li>选项二</li>
<li>选项三</li>
</ul>
有序列表
<ol>
<li>选项一</li>
<li>选项二</li>
<li>选项三</li>
</ol>九、自定义列表标签(dl,dt,dd)
<dl>
<dt>标题描述</dt>
<dd>描述一</dd>
<dd>描述二</dd>
<dt>标题描述</dt>
<dd>描述一</dd>
<dd>描述二</dd>
</dl>注意 dt和dd是并列的，不是包裹关系, 一个dt对应多个dd
十、表单标签(input)
<input type="text" /> 文本输入框
lable标签：（用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点）
<label>输入账号：<input type="text" /></label>textarea控件(文本域)：
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>下拉菜单：
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>表单域：
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>十一、表格标签(table,tr,td)
<table> //表格
<tr> //一行
<td></td> //一列
<td></td>
</tr>
</table> 属性：
border
设置表格边框
cellspacing
设置单元格与单元格之间的空白间距
cellpadding
设置单元格内容与单元格边框之间的空白间距
width/height
设置表格的宽高
alig
设置表格在网页中的水平对齐方式left\center\right
<table width="500" height="300" border="1" cellspacing="0" cellpadding="0" align="center">表头：
<tr>
<th></th>
<th></th>
<th></th>
</tr>表格标题：
<caption>标题</caption>合并单元格：
跨行合并：rowspan 跨列合并：colspan
<td rowspan="2">单元格</td>十二、布局标签(div,span)
<div></div> 块级透明盒子
<span></span> 行内透明盒子十三、H5新增标签和属性
Header 头部标签
nav 导航标签
footer 底部标签
section 区域标签
placeholder 提示文本
audio 音频标签
video 视频标签十四、其他标签
注释标签：
<!-- 快捷键 Ctrl+/ -->特殊字符标签：
空格 十五、总结-工作中最常用标签
span 行内透明盒子
h1,h2,h3 标题标签
p 段落标签
b或strong 加粗标签
a 链接标签
img 图片标签
ul 无序列表标签
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
