H5的常用标签

目录

一、文本标签

二、图片标签和超链接标签

三、音频和视频标签

四、列表、容器标签

五、表格标签

六、表单


一、文本标签

1、标题  <h1></h1>~<h6></h6>

2、段落  <p align=" "></p>

3、换行  <br/>

4、水平线  <hr align=" "  width=" "  hieght=" " />

5、强调  <b></b>  <strong></strong>

6、注释  <!--注释-->

二、图片标签和超链接标签

1、图片标签 

     <img  src="URL(路径)"  title="提示"  align="对齐"  broder="边框"  width="宽"  height="高"  />

2、超链接标签

    <a  href="URL(路径)"  target="目标窗口">文字,图像</a>

    注:target:_self 默认,当前窗口;_blank 新窗口

三、音频和视频标签

1、音频

<audio  src="路径"  controls=" "  autoplay=" "  width=" "  height=" ">

        <source src=" " />

</audio>

2、视频

<video  src="路径"  controls=" "  autoplay=" "  width=" "  height=" "  poster="图片地址">

        <source src=" " />

</video>

四、列表、容器标签

1、列表

无序:导航条,文章列表,排版

        <ul  type="disc | circle | square">

                <li>列表项</li>

        </ul>

有序:排行榜,操作手册......

        <ol type="1 | A | a | I | i"  start=" ">

                <li>列表项</li>

        </ol>

定义类别:图文混排

        <dl>

                <dt>内容</dt>

                <dd>对列表中的项目描述</dd>

        </dl>

2、容器标签:组合其他标签

        <div></div>   独占一行

        <span></span>   同行展示

五、表格标签

1、基本结构:内容必须写在td标签中

<table>
    <tr>
        <td>内容</td>
    </tr>
<table>

2、步骤:table—tr—td

3、单元格:<td>

        跨行   colspan

        跨列   rowspan

4、表格高级标签:caption、th、thead、tbody、tfoot

5、表格尺寸和边框:width   height   border   bordercolor

6、表格背景:bgcolor   background

7、对齐方式:align【left(默认) | center | right】

8、填充和间距

        cellspacing   间距

        cellpadding   填充

9、表格标题:<caption></caption>

六、表单

1、语法

<form name="名" action="#" method="get/post"/>
    表单元素
</form>

 2、输入框和按钮

<input name="名" type="类型" value="" size="" checked="" placeholder="提示文本" 
      readonly(表示只读,只能看到,不能修改的输入框) />

文本框   text

密码框   password

多行文本   <textarea name="" cols="列" rows="行">内容</textarea>

提交按钮   submit

重置按钮   reset

普通按钮   button

图片按钮   image

3、单选、复选和下拉框

复选框   checkbox

单选按钮   radio
下拉列表 

<select name="指定列表的名称" size="行数">
    <option value="值">显示项</option>
</select>

4、表单验证

必填   required

类型匹配   type=url | email | number | range | date

控制字符   maxlength

自定义错误   oninvalid="setCustom Validity('错误提示')"

                     οninput="setCustom Validity(' ')"


版权声明:本文为m0_64955492原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。