4.HTML 常用标签及属性

1. 链接

标签：
    <a></a>
属性：
    href：链接地址
    target：打开方式
        _blank：新标签页打开
        _self：当前页面打开（默认）
    title：链接提示

2. 文本标记

标题元素

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

文本样式

斜体：
    <i></i>
粗体：
    <b></b>
删除线：
    <s></s>
下划线：
    <u></u>
上标：
    <sup></sup>
下标：
    <sub></sub>

段落元素

<p></p>

换行元素

<br/>

分割线元素

标签：
    <hr/>
属性：
    size：尺寸
    width：宽度
    color：颜色
    align：水平对齐方式
        left/center/right

分区元素

块分区元素：
    <div></div>
行内分区元素：
    <span></span>

块级元素与行内元素

块级元素：
    <p></p>
    <div></div>
    <h1~6></h1~6>
行内元素：
    <img/>
    <a></a>
    <i></i>
    <b></b>
    <s></s>
    <u></u>
    <sub></sub>
    <sup></sup>
    <span></span>

3. 图像

标签：
    <img/>
属性：
    src：图片地址
    width：图像宽度
    height：图像高度

4. 表格

标签：
    <table></table>
属性：
    width：宽度
    height：高度
    border：边框宽度
    bgcolor：背景颜色
    cellpadding：内边距
    cellspacing：外边距
    align：水平对齐方式
        left/center/right

子元素

标签：
    <tr></tr>（创建表行）
属性：
    bgcolor：背景颜色
    align：水平对齐方式
        left/center/right
    valign：垂直对齐方式
        top/middle/bottom

标签：
    <td></td>（创建单元格）
属性：
    width：宽度
    height：高度
    align：水平对齐方式
    valign：垂直对齐方式

<caption></caption>（表格标题）
<th></th>（列标题）
<thead></thead>（表头）
<tbody></tbody>（表主体）
<tfoot></tfoot> （表尾）

5. 列表

有序列表

<ol>
    <li></li>
</ol>
属性：
    type：标识类型，默认为数字排列
        1（默认）/a/A/i/I
    start：定义起始值，默认从1开始

无序列表

<ul>
    <li></li>
</ul>
属性:
    type：标识类型
        disc（默认）/circle/square/none

自定义列表

<dl>
    <dt>列表中的标题</dt>
    <dd>列表中的数据</dd>
</dl>

6. 表单

标签：
    <form></form>
属性：
    name：表单名称
    action：提交地址
    method：提交方式
        get/post

input 元素

标签：
    <input/>
属性：
    name：控件名称
    type：控件类型
    value：值
    disabled：禁用

常用表单控件

文本框：
    <input type="text"/>
密码框：
    <input type="password"/>
    属性：
        readonly：控件只读
        maxlength：限制字符数
单选按钮：
    <input type="radio"/>
复选框：
    <input type="checkbox"/>
    属性：
        checked：设置默认被选中
提交按钮：
    <input type="submit"/>
重置按钮：
    <input type="reset"/>
普通按钮：
    <input type="button"/>
图片按钮：
    <input type="image" src=""/> 
文件选择框：
    <input type="file"/>
隐藏域：
    <input type="hidden"/>

button 元素

<button>内容</button>

select 和 option 元素

<section name="">
    <option value="" selected></option>
</section>

7. 结构标记

<header></header>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<footer></footer>