HTML标签

行内元素
特点

• 设置宽高无效
• 对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
• 不会自动进行换行
  块状元素
• 能够识别宽高
• margin和padding的上下左右均对其有效
• 可以自动换行
• 多个块状元素标签写在一起，默认排列方式为从上至下

常见行内元素

• a标签： a标签：超链接标签，双标签，常用标签属性：

• 1：href:指定打开的页面；锚点

• 2: target：用于指定在哪个窗口打开href标签属性指定的页面，常用属性值有_self 、_blank 等；_self指的是将自己的页面跳转至该页面，而_blank是在空白页面打开

• 举例：<a href="http://www.baidu.com" target="_blank">百度一下</a><br />

• img标签： img标签：图片标签，单标签，常用标签属性：

• 举例： <img src="img/png-1528.png" title="兔子" alt="这是兔子"/>

• src：设置图片路径；

• alt：设置图片不存在时替代文本，该属性的显示效果与浏览器以及浏览器版本有关；

• height和width：设置图片的高度和宽度，单位为像素或%；

• title：设定鼠标移到元素上时显示的信息；

• span标签：常用于组合文档中的行内元素，双标签
  注意：

• span标签没有固定的格式表现，只有对它应用CSS样式时才会产生视觉上的变化；

• 推荐使用 来组合行内元素，以便通过样式来格式化它们：

• 如果span标签没有CSS样式，那么span标签中的文本与前面文本没有任何视觉上的差异；span标签的定义方便了通过CSS样式格式化标签内的内容。
  

常见块状元素

• div标签：div（division单词缩写）标签：常用于文档中分区，双标签

• 

• p标签：p（paragraph单词缩写）标签：段落标签，双标签，常用标签属性：

• align：设定文本显示的位置，属性值如下：
  

• 不建议使用align标签属性，推荐使用text-align样式属性代替，该样式属性常用值如下：

• 

• 举例<p style="text-align:center">十步杀一人，千里不留行</p>

• hn标签：标题标签，双标签,n的范围1~6，其中<h1>文本</h1> 定义最大的标题；<h6>文本</h6> 定义最小的标题，常用标签属性：

• align：设定文本显示的位置，但不建议使用该align属性，推荐使用text-align样式代替，其使用方法和值参见p标签。

• ol标签：ol（ordered list）标签：有序列表标签，双标签，常用标签属性：

• type：指定ol子标签li的编号类型，其属性值有：

• 

• start：指定ol子标签li序号起始点，默认为1，必须为整形数字。

• reversed：HTML5新增标签属性，用于设定列表顺序为降序，其属性值为reversed。

• 举例：

<ol type="1" start="2">
   <li>语文</li>
   <li>数学</li>
   <li>英语</li>
   <li>政治</li>
  </ol>

ul标签：ul（unordered list）标签：无序列表标签，双标签，常用标签属性：

• type：指定ul子标签li的编号类型，其属性值有：
• 
• 举例

  <ul type="square">
   <li>小学</li>
   <li>初中</li>
   <li>高中</li>
   <li>大学</li>
  </ul>