html标签

Posted 2022-05-20 yanghaoyu0624

一.常用标签

　　1.<h1> </h1> ……<h6></h6> 

　　2.table

　　cellpadding：内边距（表示上下单元格和内容的距离）

　　cellspacing：单元格和单元的的距离

　　border：表格线的粗细
   colspan：行合并单元格
　　rowspan：列合并单元格　　

 <table border="1" cellpadding="2" cellspacing="1"> 
        <caption>
            这是表格说明
        </caption>
        <tr>
            <th>这是表头</th>
        </tr>
        <tr>
            <td>
            </td>
        </tr>
    </table>

　　3. <p></p>:用于很长的段落

　　4.<pre> </pre>:用于原格式输出

　　5. <a href=“URL”></a>

　　　　target属性：_blank(新的空白页)、_self(当前页)，_top（当前页）。

    　6.列表

　　　　有序列表: 

 <ol type="1" start="2">

            <li>苹果</li>
       
            <li>香蕉</li>
       
            <li>雪梨</li>
       
        </ol>
       
        <ol type="a">
       
            <li>苹果</li>
       
            <li>香蕉</li>
       
            <li>雪梨</li>
       
        </ol>
       
        <ol type="A">
       
            <li>苹果</li>
       
            <li>香蕉</li>
       
            <li>雪梨</li>
       
        </ol>
       
        <ol type="i">
       
            <li>苹果</li>
       
            <li>香蕉</li>
       
            <li>雪梨</li>
       
        </ol>
       
        <ol type="I">
       
            <li>苹果</li>
       
            <li>香蕉</li>
       
            <li>雪梨</li>
       
        </ol>

　　无序列表：

　　　　属性：type

　　　　属性值：         列表前的符号

 　　　　disc        　　   实心原点   

 　　　　circle　　　　   符号为空心圆

 　　　　square　　　　 符号为方形

<ul type="disc">

         <li>苹果</li>

         <li>香蕉</li>

         <li>雪梨</li>

 </ul>

　　自定义列表：

<dl>

　　<dt>爱好</dt> /*这是头*/

　　<dd>听歌</dd>

　　<dt>爱好</dt> /*这是头*/

　　<dd>跑步 </dd>

　　<dd>唱歌 </dd>

</dl>

　　7.input标签

　　　　type：text（文本框），password（密码），radio（单选），checkbox（多选），sumbit（提交表单），file（上传文件），date（时间），button（按钮）。

      8.img标签：html图片显示

　　　　图片地图：http://www.w3school.com.cn/tags/tag_map.asp

      9.video标签：用于视频显示

　10.audio标签：用于频频播放