Web前端基础知识02

本文详细介绍了HTML中的列表标签,包括无序列表<ul>、有序列表<ol>、自定义列表<dl>及其属性用法,以及表格标签<table>的结构和常用属性,如border、width、height、colspan和rowspan。这些标签在网页布局和内容展示中起着关键作用。
摘要由CSDN通过智能技术生成

上节我们回顾到文本类标签,下面让我们一起来回顾接下来的内容:

目录

列表标签:

1.无序列表

2.有序列表

 3.自定义列表

 4.表格标签


列表标签:

1.无序列表

语法格式:

<ul>

        <li>列表项目1</li>

        <li>列表项目2</li>

......

</ul>

它常用的属性为type,type的值可以为:disc(这也是默认的黑色原点,不设置就会显示这个); cicrcle:空心原点;square:方块;等如下图所示:

 

 

2.有序列表

语法格式:

<ol>

<li>列表项目1</li>

<li>列表项目2</li>

......

</ol>

因此要给列表排序的话,就需要设置type属性,type属性默认是使用阿拉伯数字123456....进行排序的;

除此之外,你还能使用大写英文字母;小写英文字母;等进行排序,具体的设置方法为:

type='1':默认的阿拉伯数字排序方法;

type='A':大写英文字母排序;

type='a':小写英文字母排序;

......

另外,列表之间是可以进行嵌套使用的:

 3.自定义列表

语法格式:

<dl>

<dt>列表项(大哥)</dt>

<dd>列表项内容(小弟)</dd>

<dd>列表项内容(小弟)</dd>

......

</dl>

 4.表格标签

语法格式:

<table>

<tr>行

<td>列1</td>

<td>列2</td>

......

</tr>

......

</table>

常用属性:

1)border:设置表格线的宽度,单位为像素px,默认为无边框;

2)width:设置表格宽度;

3)height:设置表格高度;

4)colspan:合并列;跨行合并;

5)rowspan:合并行;跨列合并;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值