HTML标签元素

接触web难免会用到一些HTML语法，这里记录了一些常用的标签的用法，更多的再用到的时候再更新到这里。还有一点想说的是markdown是兼容这些语法的，如果有些想要实现的markdown不支持，完全可以使用HTML来代替，也算个小技巧吧。

HTML基本语法

XHTML文档的扩展名通常是.html或者.htm。XHTML元素使用XHTML标记定义，每个标记都出现一对尖括号中<>，第一个标记为开始标记，后一个标记为结束标记。在开始标记与结束标记之间的内容叫元素内容。

HTML总体结构

所有的XHTML文档都有三个文档级的元素：html、head和body。

• html元素的标记之间是XHTML文档的内容，这个元素告诉客户端浏览器文档的开头和结尾；
• head元素定义XHTML文档的标题部分；
• meta标签声明字符编码集；
• body标记定义网页正文部分。

在一个XHTML文档中，html、head、body元素必须出现，且head元素中必须包含有title标签.

HTML文档正文

正文标题

XHTML提供了六个标题标签，h1、h2、h3、h4、h5、h6，分别代表六个级别的标题，其重要性依次递减。

<h1>h1标记，表示一级标题</h1>
<h2>h2标记，表示二级标题</h2>
<h3>h3标记，表示三级标题</h3>
<h4>h4标记，表示四级标题</h4>
<h5>h5标记，表示五级标题</h5>
<h6>h6标记，表示六级标题</h6>

定义段落

XHTNL文档中p标签表示一个段落（Paragraph）

<p>这是p标记，它表示一个段落。</p>

引用文本

在XHTML文档中使用<blockquote>标签界定引用文本块。

这里是引用文本区域

定义列表

有序列表：用ol标签（Ordered Lis）

<ol>  
    <li>有序标记，每个列表以数字形式标识</li>    
    <li>有序标记，每个列表以数字形式标识</li>  
</ol>

1. 有序标记，每个列表以数字形式标识


2. 有序标记，每个列表以数字形式标识

无序列表：用ul标签（Unordered List）

<ul>  
    <li>无序标记，每个列表以小黑点标识</li>  
    <li>无序标记，每个列表以小黑点标识</li>   
</ul>

• 无序标记，每个列表以小黑点标识


• 无序标记，每个列表以小黑点标识

定义列表：用dl标签（Defined List）

<dl>  
    <dt>猫</dt>  
    <dd>一种可爱的动物</dd>  
</dl>`

猫

一种可爱的动物

预排文本

在XHTML中有时我们需要保持文本原来的格式，于是我们需要用到pre标签。

<pre>
  2.9
+ 1.2
——————
  4.1
</pre>

分块或分节

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

<div style="color:#00FF00">
  <p>This is a paragraph.</p>
</div>

This is a paragraph.

组合行内元素

<p>这是<span style="color:blue;">一行中</span>的文字</p>

这是一行中的文字