1、<body>标签
在网页上要展示出来的页面内容一定要放在body标签中。
2、<p>标签
用来在网页上显示文章，把文章的段落放在<p>标签中。
一段文字一个<p>标签，如在一篇新闻中有2段文字，就要把这两段文字分别放在两个<p>标签中。
<p>标签的默认样式，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。
3、<h>标签
文章的段落用<p>标签，<hx>标签为文章的标题标签，标题标签一共有6个，h1、h2、h3、h4、h5、h5、h6，分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高等级。
语法：<hx>标题文本</hx>(x为1-6)
文章的标题可以使用标题标签，另外网页上的各个栏目标签也可以使用它们。
因为<h1>标签在网页中比较重要，所以一般<h1>标签被用在网站名称上。
h1-h6标签的默认样式：
![h1-h6默认标签样式]
4、强调语气，使用<strong>和<em>标签
<em>表示强调，<strong>表示更强烈的强调。并且在浏览器中，<em>默认用斜体表示，<strong>用粗体表示。两个标签相比，目前国内的前端程序员更喜欢用<strong>表示强调。
5、<span>标签为文字设置单独样式
<span>标签没有语义，他的作用就是为了设置单独的样式用的。
6、<q>标签，短文本引用
语法：<q>引用文本</q>，引用的文本不用加双引号，浏览器会对标签自动添加双引号。
7、<blockquote>标签，长文本引用
<blockquote>的作用也是引用别人的文本，但是它是对长文本的引用，如在文章中引入大段某知名作家的文字，这是就需要这个标签。
浏览器对<blockquote>标签的解析是缩进样式。
8、使用<br>标签分行显示文本
让一句话后面加入一个折行，使用<br>标签，其作用相当于Word里面的回车。
语法：XHTML1.0写法
<br />
HTML4.01写法
<br>
现在一般使用XHTML1.0的写法。
与之前的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要一个开始标签，这样的标签有<br />、<hr />和<img />。
在HTML中是忽略回车和空格的，所以文本中的回车空格无用。
9、为网页中添加一些空格
我们已经了解过，在HTML中输入回车空格都是没有用的，要想输入空格，必须写入
语法：
10、<hr>标签，添加水平横线
语法：
HTML4.01版本 <hr>
XHTML1.0版本 <hr />
<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签没有结束标签。
<hr />标签在浏览器中的默认样式线条比较粗，颜色会灰色，可以用CSS对其进行修改。
现在一般都使用XHTML1.0版本（其他标签也是）
11、<address>标签，为网页加入地址信息
一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以用<adress>标签。也可以定义一个地址（如电子邮件地址）、签名或者文档的作者身份。
语法：
<address>联系地址信息</address>
12、使用<code>标签，加入一行代码
在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，就可以使用<code>标签。
如：<code>var i=i+30;</code>
如果是多行的代码，可以使用<pre>标签。
13、使用<pre>标签为网页加入大量的代码
语法：<pre>大段代码</pre>
<pre>标签的主要作用：预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。
注意：<pre>标签不只是为显示计算机的源代码时使用，在需要网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
14、使用ul,添加新闻信息列表
在浏览网页时，会发现网页上有许多的信息列表，如新闻列表，图片列表。
这些列表可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法：
<ul>
<li>信息</li>
<li>信息</li>
</ul>
ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点。
15、使用ol,添加顺序信息列表
如果想在网页中展示有前后顺序的信息列表，可以使用<or>标签来制作有序列表来展示。
语法：
<ol>
<li>信息</li>
<li>信息</li>
</ol>
在网页中显示的默认样式，一般每项<li>都自带一个序号，序号默认从1开始
16、div在排版中的使用
在网页制作过程中，可以把一些独立的逻辑部分区分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
语法：
<div>...<div>
确定逻辑分区：
什么是逻辑分区？它是页面上相关联的一组元素，如网页中的独立的栏目板块，就是一份典型的逻辑部分。
17、给div命名，使逻辑更加清晰
把一些标签放入div中，我们可以划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也必须是唯一的。
语法：
<div id="板块名称">...</div>
18、table标签，网页上的表格
创建表格的4个元素：table、tbody、tr、th、td
<table>...</table>:整个表格以<table>标记开始、</table>标记结束。
<tbody>...</tbody>:如果不加<thead><tbody><tfooter>,table表格加载完后才显示。加上这些表格结构，tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table可以按结构一块块的显示，不在等整个表格加载完后显示）
<tr>...</tr>:表格的一行，所以有几对tr表格就有几行。
<td>...</td>:表格的一个单元格，一行中包含几对<td>...</td>,说明一行中就有几列。
<th>...</th>:表格的头部的一个单元格，表格表头。
表格中列的个数，取决于一行中数据单元格的个数。
table表格在没有添加CSS样式之前，在浏览器中显示是没有表格线的
表头，也就是th标签中的文本默认为粗体并且居中显示。
19、caption标签，为表格添加标题和摘要
摘要：摘要的内容是不会在浏览器中显示出来的。它的作用是添加表格的可读性（语义化），使搜索引擎更好的读懂表格的内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法：<table summary="表格简介文本">
标题：用以描述表格内容，标题的显示位置在表格上方。
语法：
<table>
<caption>标题文本</caption>
<tr>
<td>…</td>
<td>…</td>
</tr>
</table>
20、<a>标签，链接到另外一个页面
使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
例如：<a href="http://www.baidu.com" title="点击进入百度">click here!</a>
上面的例子作用是点击click here！文字，网页链接到百度。
title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要是方便搜索引擎了解链接地址的内容。
只要为文本加入a标签后，文字的颜色就会自动变为蓝色。可以用CSS样式置换。
21、在新建浏览器窗口中打开链接
<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。
如下代码：<a herf="目标网址" target="_blank">click here!</a>
22、使用mailto在网页中链接email地址
<a>标签还有一个作用是可以链接email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。
如果mailto后面同时有多个参数的话，第一个参数必须以"?"开头，后面的参数每一个都以"&"分隔。
23、<img>标签，为网页插入图片
语法：<img src="图片地址" alt="下载失败时的替换文本" title="提示文本">
讲解：
src:标识图像的位置；
alt:指定图像的描述性文本，当图像看不见时（下载不成功时），可看到该属性指定的文本；
title：提供在图像可见时对图像的描述（鼠标滑过图片时显示文本）；
图像可以是GIF、PNG、JPEG格式的图像文件。
24、使用表单标签，与用户交互
网站怎样与用户进行交行？答案是使用HTML表单（form）。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
语法：
<form method="传送方式" action="服务器文件">
<form>:<form>标签是成对出现的，以<form>开始，以</form>结束。
action:浏览者输入的数据被传送到的地方，比如一个PHP页面（save.php)
method:数据传送的方式（get/post）
注意：
所有表单控件（文本框、文本域、按钮、单选框、复选框）都必须放在<form></form>标签之间（否则用户输入的信息提交不到服务器上）
25、文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码框。
语法：
<form>
<input type="text/password" name="名称" value="文本" />
</form>
type:当type="text"时，输入框为文本输入框；当type="password"时，输入框问密码输入框。
name：为文本框命名，以备后台程序ASP、PHP使用。
value：为文本输入框设置默认值（一般起到提示作用）
26、文本域，支持多行文本输入
当用户需要在表单中输入大段的文字时，需要用到文本输入域。
语法：<textarea rows="行数" cols="列数">文本</textarea>
<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
cols:多行输入域的列数。
rows：多行输入的行数。
在<textarea></textarea>之间可以输入默认值。
这两个属性可以用CSS样式的width和height来替代：col用width、row用height代替。
722
非常没帮助
没帮助
一般
有帮助
非常有帮助
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
