HTML常用标签

 

文本标签

<h1></h1> -<h6></h6> 标题字体大小

<i>斜体</i>    <em>强调斜体</em>   <b>加粗</b>    <strong>强调加粗</strong> 强调在搜索引擎搜索排名的字比较靠前，搜索优化

 <u>下划线</u>    _下标   ^上标  <del>删除线</del>  

格式化标签

 换行</br>   <p>分段</p>    分隔线</hr>    <ul> <li></li><li></li> </ul> 无序列表     <ol> <li></li><li></li> </ol> 有序列表

<dl> <dt>表头</dt><dd>有缩进</dd> </dl> 自定义列表     <div></div>（布局）组合块级标签，通过CSS对元素格式化   

<span></span>  包含文本，通过CSS定义样式，或使用js进行操作

图片标签 

 <img src="路径" width = "400" />

可添加属性：

src：图片名及url地址    alt：图片加载失败时提示信息  title：鼠标在图片上显示文字提示

width：height：图片宽高一般只设置一个  border：变宽线粗细

超级链接标签

 <a href="" target="" title=""></a>

href：（必须）跳转地址

target：连接打开方式（_blank 新窗口_parent父窗口 _self（默认，本窗口） _top顶级窗口 _framename窗口名）

title：鼠标在超链接上显示文字提示

锚点连接：

定义一个锚点：<a id="a"></a>      使用锚点：<a href="#a">跳到a处</a>

表格标签

<table border="1" width="" cellspacing="0" cellpadding="4">

    <caption>表格标题</caption>
    <tr>

         <th></th>

         <th></th>

         <th></th>

    <tr/>

    <tr>

         <th rowspan="2">跨行标签</th> 

         <th></th>

         <th colspan="2">跨列标签</th>
    <tr/>

    <tr>

         <th></th>

         <th></th>

    <tr/>

</table>

<thead>表头</thead>    <tbody>表体</tbody>    <tfoot>表尾</tfoot>

表单

 <form action="" method="post">

<input type="" name="" placeholder="提示信息"/>

type：text/password

性别：<input type="radio" name="sex" checked value="1"/男 checked默认选择

<input type="radio" name="sex" value="2"/>女

多选：

<input type="chekbox" name="likes[]" value="1"/>

<input type="chekbox" name="likes[]" value="2"/>男

<input type="chekbox" name="likes[]" value="3"/>男

<input type="file" name="l" />选择文件上传

普通按钮：<input type="button" name="l" />选择文件上传

下拉框：<select>

    <option value="1" selected></option> selected默认选择

    <option value="2"></option> 

</select> 

区域输入：<textarea name="" rows="" cols="">rows行cols列</textarea>

<input type="submit" name="提交" />

<input type="reset" name="重置" /> 恢复到页面的开始状态

<input type="hidden" name="id" value="100"/> 隐藏域

disabled 禁用

</form>

行内框架(页面下子页面)

<a href="" target="src">打开的页面显示在子页面内</a>

<a href="" target="src"></a>

<iframe src="src" width="" height>

</iframe >    

多媒体标签(对应流媒体服务器)

 <audio src="" controls>不支持播放</audio>   

 <audio controls="">

    <source src ="" type="audio /mpeg" />

    不支持播放

</audio>   

<video controls="" w h>

    <source src ="" type="video/mp4" />

    不支持播放

</video>    

<video controls loop poster="图片地址">

    <source src ="" type="video/mp4" />

    <source src ="" type="video/mp4" />

    不支持播放

</video>    

<embed src="" width height />