220217HTML学习日记

一，列表标签

列表元素：<li>(list)双标签。可以作为以下任意一个标签的子标签。

1.无序列表

<ul>（unordered list)

eg：

<ul>

        <li>牛比</li>

        <li>马比</li>

        <li>人比</li>

</ul>

结果就是：

• 牛比
• 马比
• 人比

2.有序列表

<ol>(orderd list)

eg:

<ol>
    <li>牛比</li>
    <li>马比</li>
    <li>人比</li>
</ol>

结果是：

1. 牛比
2. 马比
3. 人比

3.自定义列表

<dl>(definition list)：作为列表父标签

<dt>(definition title?):作为列表上层项目

<dd>(definition ??):作为列表的下层项目，实际表现会缩进几格

如：

<dl>
<dt>君</dt>
<dd>相</dd>
<dt>臣</dt>
<dd>民</dd>
</dl>

表现为：

君

        相

臣

        民

二，表格标签

<table>表格父标签

<tr>子标签，包含一行内的内容

<td>tr的子标签，输入表格元素

属性：border（边框宽度）、width（表格宽度）、height（表格高度）

不过因为样式效果基本用CSS控制，所以这些属性在这一般不用

例：

<table border="1">
<tr>
    <td>收入</td>
    <td>支出</td>
    <td>其他</td>
    <td>总结</td>
</tr>
<tr>
    <td>3500CNY</td>
    <td>1000元</td>
    <td>大风飞来500元买个肥鸡杯</td>
    <td>还剩下2500元</td>
</table>

收入	支出	其他	总结
3500CNY	1000元	大风飞来500元买个肥鸡杯	还剩下2500元