Table 表格,dl dt dd 标签

本文介绍了HTML中用于创建表格的<table>标签及其基本语法、作用和案例,展示了如何用它来布局数据。同时,详细讲解了<dl><dt><dd>标签组合,这种列表型标签常用于创建定义列表,并提供了相关语法和实例。了解这两种标签有助于提升网页内容的组织和展示能力。
摘要由CSDN通过智能技术生成


一、Table 表格

1.语法

<table> 
    <tr> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
    </tr> 
</table> 

2.作用

需要table表格来布局。比如,电子表格型的数据表格

3.案例

<table width="300" border="1" cellspacing="0"> 
    <tr> 
        <th>班级</th> 
        <th>日期</th> 
        <th>标题</th> 
    </tr> 
    <tr> 
        <td>一班</td> 
        <td>2021-8-15</td> 
        <td>标题1</td> 
    </tr> 
    <tr> 
        <td>二班</td> 
        <td>2021-8-15</td> 
        <td>标题2</td> 
    </tr> 
</table> 

二、dl dt dd 标签

1.简介


	html <dl> <dt> <dd>是一组合标签,
	使用了dt dd最外层就必须使用dl包裹,
	此组合标签我们也又叫表格标签,
	与table表格类似组合标签,
	故名我们也叫dl表格。

	<dl><dt></dt><dd></dd></dl>
	为常用标题+列表型标签。
	如没有对dl dt dd标签初始CSS样式
	,默认dd列表内容会一定缩进

2.语法

	<dl>
	<dt>列表标题</dt>
	<dd>列表内容</dd>
	<dd>列表内容</dd>
	</dl>

3.案例


<html> 
<body> 
<h1>一个定义列表:</h1> 
<dl> 
    <dt>python</dt> 
    <dd>php</dd> 
    <dt>css</dt> 
    <dd>mysql</dd> 
    <dt>java</dt> 
    <dd>jsp</dd> 
    <dd>ejb</dd> 
</dl> 
</body> 
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值