HTML学习第五课

最新推荐文章于 2021-06-01 23:23:20 发布

Mc麦齐

最新推荐文章于 2021-06-01 23:23:20 发布

阅读量127

点赞数

分类专栏： html学习之路

本文链接：https://blog.csdn.net/qq_43648447/article/details/88411906

版权

html学习之路专栏收录该内容

6 篇文章 0 订阅

订阅专栏

定义列表和表格

一、定义表格(dl)

定义列表的表格也叫做描述性列表，定义列表默认为为两个层次，第一层为列表项标签< dt>,第二层为注释项标签< dd>。< dt>和< dd>标签通常是成对使用的，也可以一个列表项对应于几个解释项，其格式为：

<dl>
	<dt>第1项</dt>
		<dd>注释1</dd>
	<dt>第二项</dt>
	 	<dd>注释2</dd>
	 <dt>第三项</dt>
	 	<dd>注释3</dd>

二、表格（table）

< table>标签定义HTML表格。
简单的HTML表格由table 元素以及一个或多个tr、th、或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元。
更复杂的HTML表格也可能包括caption 、col、 colgroup、 thead、 tfoot以及tbody元素。例如：

<!DOCTYPE html>
<title>基本表格</title>
<meta charest="utf-8">
<table  border="1">
<caption>学生信息表</caption>
<tr>
<th>姓名</th>
    <th>学号</th>
    <th>班级</th>
</tr>
 <tr>
     	<td>小红</td>
	<td>10012</td>
	<td>学前1班</td>
</tr>
<tr>
    	<td>小明</td>
	<td>10018</td>
	<td>学前2班</td>
</tr>   
</table>

基本表格

学生信息表
姓名	学号	班级
小红	10012	学前1班
小明	10018	学前2班

如上图所示，千万要记得< th>是表头，< td>是类似身体的部位，也就是表格单元。而< tr>定义单元行。
此外表格标签< table >有很多属性。如图1-1-2所示。基本表格

表1-1-2
属性	描述
width	表格的宽度
height	表格的高度
border	表格边框的宽度（以像素为单位）
cellspacing	单元格之间的间距
cellpadding	单元格内容与单元格边界之间的空白距离的大小

如果要创建跨多行、多列的单元格，只需在< th>或< td>中加入rowspan或colspan属性的属性值，例如：< th colspan=#>，#表示跨过#列，如果是2的话则表示跨过2列。行也是如此。

Mc麦齐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习第五课

定义列表和表格一、定义表格(dl) 定义列表的表格也叫做描述性列表，定义列表默认为为两个层次，第一层为列表项标签&lt; dt&gt;,第二层为注释项标签&lt; dd&gt;。&lt; dt&gt;和&lt; dd&gt;标签通常是成对使用的，也可以一个列表项对应于几个解释项，其格式为：&lt;dl&gt; &lt;dt&gt;第1项&lt;/dt&gt; &lt;dd&a
复制链接

扫一扫