(一)、认识标签1
1、<body>标签，网页上显示的内容放在这里
2、<p>标签，添加段落
3、<h[1-6]>标签，为你网页添加标题
4、<span>标签，为文字设置单独样式
5、<q>标签，双引号""短文本"
6、<blockquote>标签，缩进样式显示长文本
7、<br>标签，换一行显示文本
8、 空格
9、<hr>标签，添加水平横线
10、<address>标签，为网页加入地址信息
11、<code>标签，加入一行代码
12、<pre>标签，为网页加入大段代码
(二)、认识标签2
1、<ul>标签，添加列表；ul-li是没有前后顺序的信息列表
<ul>
<li>精彩少年</li>
<li>美丽突然出现</li>
<li>触动心灵的旋律</li>
</ul>
2、<ol>标签来制作有序列表来展示。
<ol>
<li>前端开发面试心法 </li>
<li>零基础学习html</li>
<li>JavaScript全攻略</li>
</ol>
3、<div>标签，可以把一些独立的逻辑部分划分出来，相当于一个容器
4、table、tbody、tr、th、td，创建表格的四个元素
a、当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示
c、<tr>标签表示表格的一行
d、<th>标签表示表格的头部的一个单元格，表格表头
e、<td>标签表示表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列
<table>
<tbody>
<tr>
<th>班级</th>
<th>学生数</th>
<th>平均成绩</th>
</tr>
<tr>
<td>一班</td>
<td>30</td>
<td>89</td>
</tr>
</tbody>
</table>
5、caption标签，为表格添加标题和摘要
(三)、认识标签3
1、<a>标签，链接到另一个页面
a、语法
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
b、新建浏览器窗口中打开链接
<a href="目标网址" target="_blank">click here!</a>
c、<mailto>标签表示在网页中链接Email地址
【注意】如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
<a href="mailto:yy@imooc.com?cc=zz@imooc.com&subject="观了不起的盖茨比有感。&body=你好，对此评论有些想法。>对此影评有何感想，发送邮件给我</a>
`
<img src="https://img-blog.csdn.net/20160308224906693" width=1000 height=620 />
<img>标签，为网页插入图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
`
html5区块标签
| 区块标签 | 说明 |
|---|---|
| section | 档的区域，语义比 div 大 |
| article | 文档的核心文章内容，会被搜索引擎主要抓取 |
| aside | 文档的非必要相关内容，比如广告等 |
| nav | 导航条 |
| header | 页头 |
| main | 网页核心部分 |
| footer | 页脚 |
来源: http://www.imooc.com/learn/9
214
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
