HTML标签总结
一，基本概念
HTML(Hypertext Markup Language) 超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的XML规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
二．大体框架
<html>
<head>
<title>该文本的标题</title>
</head>
<body>网页要显示的内容...(可以使用各种标签设置参数) </body>
</html>
使用META标记 ，提供关于网页的信息
<META charset=”UTF-8"> 设置网页使用UTF-8编码
HTML标签语法：
1、双标记：<开始标记>内容</结束标记>。例 ：<font>新华网</font>、<title>...</title>
2、单标记：<标记>。 例：<hr>--加横线、<br>--换行、<b>--加宽等。
3、标记的属性：<标记 属性1=参数 属性2=参数...>内容</标记>。例：<font size="5" color="red"><b>新华新闻</b></font>。
三．标签分类
1、文档标签(10个)：<html>、<head>、<body>、<title>、<meta>、<base>、<style>、<link>、<script>、<noscript>
2、框架标签(4个)：<frame>、<frameset>、<iframe>、<noframes>
3、布局标签(1个)：<div>
4、表格标签(8个)：<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th><caption>
5、表单标签(10个)：<from>、<input>、<textarea>、<button>、<select>、<optgroup>、<option>、<label>、<fieldset>、<legend>
6、列表标签(6个)：<ul>、<ol>、<li>、<dl>、<dt>、<dd>
7、链接标签(1个)：<a>
8、多媒体标签(3个)：<img>、<map>、<area>
9、文章标签：<h1> - <h6> 、<p>、<br>、<span>、<pre>、<blockquote>、<q>、<ins>、<del>、<address>
11、特殊标签(3个)：<!DOCTYPE>、<!-- -->、<hr>
块元素(block element)
- * div - 常用块级主要标签
- * dl - 定义列表
- * form - 交互表单
- * h1-h6 - 标题
- * hr - 水平分隔线
- * ol ,ul- 排序表单 ，非排序列表
- * p - 段落
- * pre - 格式化文本
- * table - 表格
- * blockquote - 块引用
内联元素(inline element)
- * a - 锚点
- * br - 换行
- * em - 强调
- * i - 斜体
- * img - 图片
- * input - 输入框
- * label - 表格标签
- * q - 短引用
- * select - 项目选择
- * span - 常用内联容器，定义文本内区块
- * sub - 下标
- * sup - 上标
- * textarea - 多行文本输入框
- * var - 定义变量
块元素与行元素可以通过css 中display样式进行转换（inline，block，inline-block）。