首先要知道html标签的一些特点：
1.类似“<关键字>”这样由尖括号包关键字组成，例如<html>,<div>……
2.一般是成对出现的，由开始标签类似“<div>元素内容</div>”，左边标签一边叫开始标签，右边</ >叫结束标签，有始有终，除了一些个别是单闭合标签的
先记一些个别例外的单闭合标签，例如：
| <meta /> | 设置页面信息的 | <param /> | 可为包含它的<object>或<applet>提供参数 | |
| <br /> | 换行 | <keygen /> | 定义生成密钥 | |
| <hr /> | 水平线 | <source /> | 为媒介元素（如<video>或<audio>）定义媒介源 | |
| <area /> | 图像映秀区域 | <col /> | 为表格中一个或多个列定义属性值 | |
| <input /> | 表单元素，type不同输入字段拥有不同形式 | <frame /> | 定义frameset中的一个特定的窗口（框架） | |
| <link /> | 链接样式表 | <embed /> | 定义嵌入的内容，比如插件 | |
| <basefont /> | 定义基准字体，html5不支持<basefont>标签，不赞成使用 | ...... |
下面按不同效果将标签进行分类：
1.字体效果
| <h1>…</h1> | 标题1（最大）一级级往下字体变小，网页一般从h1~h4，h4之后一般不会用了 | <s>…</s> | 删除线 | |
| <h6>…</h6> | 标题6（最小） | <del>…</del> | 删除线（表示删除） | |
| <b>…</b> | 粗体字 | <kbd>…</kbd> | 键盘文字 | |
| <strong>..</strong> | 粗体字（强调） | <tt>…</tt> | 打字体 | |
| <i>…</i> | 斜体字 | <xmp>…</xmp> | 固定宽度字体（在文件中空白、换行、定位功能有效） | |
| <em>…/em> | 斜体字（强调） | <plaintext>…</plaintext> | 固定宽度字体（不执行标记符号） | |
| <dfn>...</dfn> | 斜体字（表示定义） | <listing>…</listing> | 固定宽度小字体 | |
| <u>…</u> | 底线 | <font color=00ff00>…</font> | 字体颜色（写成类似color=“#00ff00”也可以） | |
| <ins>...</ins> | 底线（表示插入文字） | <font size=1>…</font> | 最小字体 | |
| <strike>…</strike> | 横线 | <font style=font-size:100 px></font> | 无限增大(字体大小为100px) |
2.区断标记
| <hr /> | 水平线 | <nobr>…</nobr> | 禁止换行，No Break的缩写 | |
| <hr size=9 /> | 水平线（设定大小） | <p>…</p> | 段落 | |
| <hr width=80% /> | 水平线（设定宽度） | <center>…</center> | 对其包围的文本进行居中设置 | |
| <hr color=00ff00 /> | 水平线（设定颜色） | |||
| <br /> | 换行 |
3.链接
| <base href=地址> | 为页面上的所有链接规定默认地址或默认目标 | <a href=地址 target=_top></a> | 指定超链接目标的 URL(全窗口连接) | |
| <a href=地址></a> | 指定超链接目标的 URL | <a href=地址 target=页框名></a> | 指定超链接目标的 URL（在指定页框连接） | |
| <a href=地址 target=_blank></a> | 指定超链接目标的 URL(另开新窗口) |
4.图像/音乐
| <img src=图片地址 /> | 往网页贴图片 | <img src=图片地址 border=1 /> | 设定贴的图片边框 | |
| <img src=图片地址 width=180 /> | 设定贴的图片宽度 | <bgsound src=MID音乐文件地址 /> | 背景音乐设定 | |
| <img src=图片地址 height=30 /> | 设定贴的图片高度 |
5.表格
| <table aling=left>…</table> | 表格位置，置左 | <table cellpadding=参数>…</table> | 指定网格线与网络线之间的距离（使用数字） | |
| <table aling=center>…</table> | 表格的位置，置中 | <table cols=参数>…</table> |
更多精彩内容其他人还在看
网页注释在IE中产生文字溢出实验代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0赞 0分享 HTML教程:定义列表原文：http://andymao.com/andy/post/104.html
上一节：有序列表
写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0赞 0分享 HTML教程:有序列表原文：http://andymao.com/andy/post/103.html
上一节：无序列表
信息有时候是无序归纳的，有的却有着明确的顺序，在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的：操作步骤、排行榜、书目录……
收藏 0赞 0分享 HTML教程:无序列表原文：http://andymao.com/andy/post/102.html
段落已经讲完了，那么一些基本的应用方式也讲了一些，那么是否已经应用了呢？当然应用可以更为丰富，那么这些就需要自己在实际工作中不断的摸索与思考，然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0赞 0分享 HTML网页制作的强大8条技巧 虽然现在有许多网页制作工具能让您轻松地完成工作，但如果使用HTML则可以得到更大控制权，下面介绍几个小技巧。
1。使用<tt>，<i>，<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0赞 0分享 网页表格分割线去除方法网页表格分割线去除方法。
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这
收藏 0赞 0分享 blockquote标记应用注意关于语义化，不是一句两句就能说明白的，而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是：
1.引用一段较长的文字
2.可以使用cite标签或者属性
问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0赞 0分享 网页表格表框制作技巧网页表格表框制作技巧。
--------------------------------------------------------------------------------
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不
收藏 0赞 0分享 HTML其实就是学习几个重要标记的应用《这将是一场革命》一文出来以后。得到业界大伙的认同，当然与此同时也得到部分来自内部与外部的挑衅，不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了，半夜在一个梦中醒来，梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0赞 0分享 移动端专用的meta标签设置大全不知道有没有人觉得，html的meta标签描述的头部信息特别多，下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧
收藏 0赞 0分享 |
