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条)