HTML标签总结

王朝学院·作者佚名 2016-05-24

宽屏版字体: 小 | 中 | 大 | 超大

HTML标签总结一，基本概念

HTML(HypertextMarkupLanguage)超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的xml规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。

<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。

二．大体框架

<html>

<head>

<title>该文本的标题</title>

</head>

<body>网页要显示的内容...(可以使用各种标签设置参数)</body>

</html>

使用META标记，提供关于网页的信息<METAcharset=”UTF-8">设置网页使用UTF-8编码

HTML标签语法：

1、双标记：<开始标记>内容</结束标记>。例：<font>新华网</font>、<title>...</title>

2、单标记：<标记>。例：<hr>--加横线、<br>--换行、<b>--加宽等。

3、标记的属性：<标记属性1=参数属性2=参数...>内容</标记>。例：<fontsize="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>

块元素(blockelement)

*div-常用块级主要标签*dl-定义列表*form-交互表单*h1-h6-标题*hr-水平分隔线*ol,ul-排序表单，非排序列表*p-段落*pre-格式化文本*table-表格*blockquote-块引用

内联元素(inlineelement)

*a-锚点*br-换行*em-强调*i-斜体*img-图片*input-输入框*label-表格标签*q-短引用*select-项目选择*span-常用内联容器，定义文本内区块*sub-下标*sup-上标*textarea-多行文本输入框*var-定义变量

块元素与行元素可以通过CSS中display样式进行转换（inline，block，inline-block）。