2.6.1HTML标签div，列表-（ul，ol，table）

区域-div：

<div align="center">
    <h1>web 前端开发</h1>
    <P>HTML</P>
    <p>CSS</p>
    <p>JavaScript</p>
</div>

设置div中的align属性，使align="center"区域内部的元素都会居中对

列表ui ol li

无序列表<ul></ul>-列表项<li></li>

<h1>web 前端开发</h1>
<ul>
    <li>HTML</li>
    <li>CSS<li>
    <li>JS</li>
</ul>

结果：

• HTML

• CSS

• JS

有序列表<ol></ol>

<h1>web 前端开发</h1>
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ol>

结果：

1. HTML

2. CSS

3. JS

表格table

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

快速进行排版 - table>tr*2>td*3

设置表格属性

<table border="1">
    <tr>
        <td>red</td>
    </tr>
    <tr>
        <td>bule</td>
        <td>green</td>
    </tr>
</table>

border-边框的粗细

<table border="1">
    <tr>
        <td>班级</td>
        <td>学生数</td>
        <td>平均成绩</td>
    </tr>
    <tr>
        <td>一班</td>
        <td>30</td>
        <td>89</td>
    </tr>
    <tr>
        <td>二班</td>
        <td>35</td>
        <td>85</td>
    </tr>
    <tr>
        <td>三班</td>
        <td>32</td>
        <td>80</td>
    </tr>
</table>

快速进行排版 - table>tr*4>td*3

班级	学生数	成绩
一班	30	89
二班	35	85
三班	32	80