HTML中的表格由 <table>标签来定义，表格是由单元格组成的，单元格可以放入文字、图片、表格等内容。下面，我们来看看如何用HTML来制作表格吧。
01代码，先用<table>标签定义一个表格，其中border表示边框，border="1"表示边框为1个像素，数值越大，边框就越粗。
<table border="1">
</table>
02<tr>元素表示表格中的行，比如创建两行
<tr></tr>表示一行。
03单元格
HTML表格的单元格用<td>标签表示，如下图所示：
<td>语文</td>
04表格
就做好一个HTML表格，显示图如下：
总代码：
<body>
<table border="1">
<tr>
<td>语文</td>
<td>数学</td>
</tr>
<tr>
<td>英语</td>
<td>化学</td>
</tr>
特别提示表格的标签：<table>、<tr>、<td>三个标签。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<input>标签前面，输入html代码：<span style="color:red">* </span>。
3、浏览器运行index.html页面，此时表格前面表示必填项的星号标记显示了出来。
定义列表的定义
定义列表的格式：
<dl>
<dt></dt>
<dd>
</dd>
<dt></dt>
<dd>
</dd>
</dl>
dt英文definiten title的缩写,dt就是用来定义列表中标题。
dd的作用对应dt标题对应的描述的。
列表如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<dl>
<dt>北京</dt>
<dd>中国的首都，是中国政治，文化中心
</dd>
<dt>周行知</dt>
<dd>
喜马拉雅历史人文主播，爱奇艺号作家，作者，头条号作者，百家号作者
</dd>
</dl>
</body>
</html>
运行如图所示：
应用场景：
1）用作网站底部相关信息的制作。
例如京东商城：
2）做图文混排
定义列表的注意点：
1）和我们的列表ul/ol一样，dd/dt与它是一个整体。不可分割。
2）建议是dl标签只能放dd与dt标签。
3)dt/dd如果为丰富界面需要加入其它标签，也可以。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）