学习HTML语言 篇2

HTML常用标签

1.表格标签

表格是用来展示数据的

表格的基本语法：

  <table>                  定义表格

                <tr>          定义行

                         <td>单元格内文字</td>            定义单元格
                 </tr>

        </table>

 

 

 (1) 表头单元格标签

常用于第一行，文字会加粗居中显示

基本语法:

 <table>                  

                <tr>          

                         <tr>单元格内文字</tr>             
                 </tr>

        </table>

 (2) 表格属性(了解)

 (3) 表格结构标签

<thead>    表格头部，内部必须拥有<tr>标签，一般位于第一行

<tbody>    表格主体区域

以上两个标签都在<table>中

 (4) 合并单元格

跨行合并：rowspan="合并单元格的个数"       最上侧单元格为目标单元格写合并代码

跨列合并：colspan="合并单元格的个数"         最左侧单元格为目标单元格写合并代码

步骤：

先确定是跨行还是跨列合并

找到目标单元格，写合并方式=合并单元格的数量，如<td colspan="2"></td>

删除多余的单元格

 

 2.列表标签

列表用来布局

分为无序列表，有序列表和自定义列表

(1) 无序列表

无序列表的各表项之间没有顺序级别之分，是并列的

<ul></ul>中只能嵌套<li></li>不能输入其他标签

<li></li>间相当于容器，可以容纳所有元素

无序列表带有自己属性，实际使用时用css设置

语法格式：

<ul>

        <li>列表项1</li>

        <li>列表项2</li>

        <li>列表项3</li>

    </ul>

 (2) 有序列表

<ul></ul>中只能嵌套<li></li>不能输入其他标签

<li></li>间相当于容器，可以容纳所有元素

无序列表带有自己属性，实际使用时用css设置

 <ol>

        <li>列表项1</li>

        <li>列表项2</li>

        <li>列表项3</li>

    </ol>

 (3) 自定义列表

<dl></dl>中只能包含<dd></dd>不能输入其他标签

<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>

<dl>

        <dt>名词1</dt>

        <dd>名词1解释1</dd>

        <dd>名词1解释2</dd>

    </dl>