各个标签学习总结：
1. <body>: 网页上要展示出来的页面内容都要放在body标签中；
2. <p>： 放段落文字
（注：一段文字使用一个<p></p>）,默认样式前后都有空白，可通过css 样式来删除或修改
3. <hx>: 添加标题
（x是1-6，即一到六级标题；h1一般用于网站名）
4. <strong>,<em>:在一段话中特别强调某几个文字。
一般用<strong>，表示更强烈的强调。
<strong>默认用粗体表示,<em>默认用斜体表示
5. <span>：设置单独的样式
比如：为淘宝设置字体为红色；代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>淘宝网站</title>
<style>
span{
color:red;
}
</style>
</head>
<body>
<p>我们都知道<span>淘宝</span>是一个购物网站。</p>
</body>
</html>
输出显示：我们都知道淘宝是一个购物网站。
6. <q>: 短文本引用，引用别人的话，默认样式双引号，不用添加。
如：引用李白的诗
7. <blockquote>: 长文本引用。默认缩进样式。
如：一首诗的引用
8.<br/>:分行显示文本
空标签，相当于Word中的回车（注：HTML中直接敲回车和空格不会显示， 输入回车必须加上<br/>,输入空格用 ）
9.<hr/>:添加水平横线。使文章看起来整齐
默认样式线条粗且为灰色，只有开始标签，没有结束标签，是一个空标签
10. <address>:添加地址，默认斜体
11. <code>:添加一行代码
12. <pre>:添加多行代码,展示计算机的源代码
预格式化的文本，里面的代码会保留空格和换行符
13.ul-li:添加新闻信息列表（没有前后顺序的信息列表）
默认样式每项li前都自带一个原点。
<ul>
<li>信息<li>
<li>信息<li>
...
<ul>
14. ol-li：添加有前后顺序的信息列表
默认从1.开始编号
15. <div>:排版，把一些独立的逻辑部分划分出来
给div命名，使逻辑更清晰，id为div提供唯一的名称，相当于身份证号
<div id = "板块名称">...</div>
16. <table>:表格
创建表格的5个元素：table、tbody、tr、th、td
a. <table>…</table>：整个表格以<table>标记开始、</table>标记结束。
b.<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加 载完后才显示。
c.<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
d.<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中 就有几列。
e.<th>…</th>：表格的头部的一个单元格，表格表头。
(注：table表格在没有添加css样式之前，在浏览器中显示是没有表格线 的;表头，也就是th标签中的文本默认为粗体并且居中显示)
17.<caption>:为表格添加标题和摘要
添加摘要信息<table summary = "表格简介文本">
（注：摘要的内容不会显示出来，只是增加可读性）
<caption>标题文本</caption>
18.<a>：超链接，如：<a href="http://www.imooc.com" title="点击进入慕课 网">click here!</a>
（注：加入超链接后，文本自动变为蓝色，点击后文本变为紫色）
19.<img>:插入图片
如：<img src="图片地址" alt="下载失败时的替换文本" title = "提示 文本">
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
（注：src：标识图像的位置；
alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到 该属性指定的文本；
title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；图 像可以是GIF，PNG，JPEG格式的图像文件。）
639
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
