一、1. 标签由英文尖括号<和>括起来，如<html>就是一个标签。
2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。
如：
（1） <p></p>
（2） <div></div>
（3） <span></span>
3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>，那么</p>必须放在</div>的前面。如下图所示。
4. HTML标签不区分大小写，<h1>和<H1>是一样的，但建议小写，因为大部分程序员都以小写为准。
二、html文件的结构：一个HTML文件是有自己固定的结构的。
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解：
1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。
3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
例如：
<head>
<title>hello world</title>
</head>
<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来
三、什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。
语法：
<!--注释文字 -->
语义化可以给我们带来什么样的好处呢？
1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
四、
强调标签： 加粗<strong></strong> 斜体<em></em>
引用标签：短文本引用 <q>引用文本</q> 长文本引用<blockquote>引用文本</blockquote>
换行标签:<br/>
空格：
添加水平横线：html4.01版本 <hr> xhtml1.0版本 <hr /> 大家注意，现在一般使用 xhtml1.0 的版本（其它标签 也是），这种版本比较规范。
为网页添加地址： <address>联系地址信息</address>
在网页中显示代码：
语法：<code>代码语言</code>
注：如果是多行代码，可以使用<pre>标签。
无序列表：ul 些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法：
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
举例：
<ul>
<li>精彩少</li>
<li>美丽突然出现</li>
<li>触动心灵的旋律</li>
</ul>
有序列表：
语法：
<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
举例：
下面是一个热点课程下载排行榜：
<ol>
<li>前端开发心法 </li>
<li>零基础学习html</li>
<li>JavaScript全攻略</li>
</ol>
五、div：相当于一个容器
div命名： <div id="版块名称">…</div>
六、table标签：表格
创建表格的四元素：table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等 表格内容全部下载完才会显示。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中bao含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
七、标题和摘要标签：
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还 可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法：<table summary="表格简介文本">
标题
用以描述表格内容，标题的显示位置：表格上方。
语法：
<table> <caption>标题文本</caption>
<tr>
<td>…</td>
<td>…</td>
…
</tr>
…
</table>
八、链接
<a>标签
语法：
<a href="目标网址" title="鼠标滑guo显示的文本">链接显示的文本</a>
例如：
<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>
上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。
title属性的作用，鼠标滑guo链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）
在新的浏览器窗口中打开: <a href="目标网址" target="_blank">click here!</a>
使用mailto在网页中链接Email地址:
如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。转载于:https://my.oschina.net/haozhangqi/blog/667711
372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
