HTML学习笔记（二）--表格列表布局

HTML-表格

<table border="1"                   //定义一个表格，表框为1
cellpadding="10"                    //内边框
bgcolor="red"                       //背景颜色，写在th里也可以
background="/i/eg_bg_07.gif">       //背景图片
<caption>我的标题</caption>          //表格标题

<tr>                               //tr表格行
  <th>姓名</th>                     //表格列<td>,<th>表头
  <th>电话</th>
  <th rowspan="2">电话</th>        //跨两列
</tr>
<tr>
  <td align="center">Bill Gates</td>  //内容相对位置
  <td colspan="1">555 77 854</td>    //跨1行
  <td>&nbsp;</td>                    //表格为空，是为了显示边框
</tr>
</table>

th中间可以继续嵌套文本、图片、列表、段落、表单、水平线、表格等等

HTML-列表

有序列表

<ol start="4" type="a">  //type=1,a,A,,,I,i(罗马数字)从第几个开始
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>

无序列表

 //前边带点那种
<ul type="disc">       //type=circle，square（前边的点类型）
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

有序列表,无序列表都用<li> 定义列表项。

定义列表

<dl>  //定义列表开始
   <dt>计算机</dt>                   //dt定义定义项目。
   <dd>用来计算的仪器 ... ...</dd>    //dd定义定义的描述。
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

HTML <span> 元素是内联元素，可用作文本的容器。