1.1 列表标签
表示:传智播客在全国开设分校的顺序列表:
北京
上海
深圳
广州
郑州
武汉
表示:我的个人爱好,无序的列表。
足球
篮球
乒乓球
学习
<!-- 无序列表 -->
<ul>
<li><span>北京</span><a href="#">你好</a></li>
<li>上海</li>
<li>成都</li>
<li>武汉</li>
</ul>
<!-- 有序列表 order liss 已经拍下的列表 -->
<ol>
<li>北京</li>
<li>上海</li>
<li>成都</li>
<li>武汉</li>
</ol>
自定义列表
<dt>关于我们</dt>
<dd>传智简介</dd>
<dd>联系方式</dd>
<dd>诚聘英才</dd>
<dd>人才服务</dd>
1.2 表格标签table
快捷键: ctrl+{ 进行左缩进, ctrl+} 进行右缩进
<table border="1">
<tr>
<td>基本参数</td><td>1.4t 帕萨特</td><td>1.8t 帕萨特</td>
</tr>
<tr>
<td>基本参数</td><td>1.4t 帕萨特</td><td>1.8t 帕萨特</td>
</tr>
</table>
<table border="1">
<thead> <!-表格头部--->
<tr>
<th>姓名</th><th>年龄</th><th>成绩</th>
</tr>
</thead>
<tbody>
<tr>
<td>传智播客</td><td>14</td><td>已经培养10几万人的it人才</td>
</tr>
<tr>
<td>黑马程序员</td><td>6</td><td>几万人的it人才</td>
</tr>
</tbody>
</table>
1.3 关于表格的合并单元格
Rowspan 行方向上合并单元格
Column 列方向合并单元格
<table border="1">
<thead>
<tr>
<th>姓名</th><th>年龄</th><th>成绩</th>
</tr>
</thead>
<tbody>
<tr>
<!-- rowspan:一个单元格占用两行进行显示 -->
<td rowspan="2">传智播客</td><!-- <td>14</td> -->
<!-- colspan=2 将一行中的 一个单元格 占用两个列进行显示。 -->
<td colspan="2">已经培养10几万人的it人才</td>
</tr>
<tr>
<!-- <td>黑马程序员</td> --><td>6</td><td>几万人的it人才</td>
</tr>
</tbody>
</table>
1.4 Div和span标签
Div标签: <div></div>
Span标签: <span></span>
块级标签:独占行。
行级标签:可以跟其他的行内标签共用一行。
块:p,div,ul,ol,dl,li,dt,h1-h6
行:span,strong,em,文本相关的标签都是行内标签。
Div多用于表示文档中的一个块或者是整个结构的小节。
Span标签,多用于文本的一小节。