html table li,每天几个标签 轻松学HTML 表格table 列表ul ol li dl dt dd

每天学习认识几个HTML标签,今天了解table ul ol li dl dt dd标签,原始应用与原始效果�?/p>

HTML 表格

表格�?

标签定义)�?/p>

582cebe62cbe0b7df1ac2afea3926e44.png

表格的HTML结构

border="1"是定义的边框属性,如果不加的话,表格不显示边框�?/p>

在浏览器中运行代码显示:

0ceffb455cb192894ff07b1cab619b4a.png

表格

我们为了让表格更清晰,更完善,可以使用thead和tbody,看以下例子�?/p>

95ee4e8869d1cfc5944c9120769bd1db.png

加入表格标题,页面和页脚

浏览器中显示�?/p>

6c382c0e3c31ee50a5439522b829ece8.png

表格效果

当然还有好多表格标签,小编给大家总结一下常用的标签,如下:

定义表格的表�?br />
定义表格单元

HTML 列表

列表是一个项目的列表,列表的内部可以使用段落、换行符、图片、链接以及其他列表等�?/p>

1.无序列表

无序列表使用

  • 定义,每条列表用
  • 定义。列表的每个项目用粗体圆点进行标记�?/p>

    51b26a3aacaad08e0b9bd50b537baea5.png

    无序列表代码

    在浏览器中显示:

    f998f16e494d21ac5bf184f594a57a88.png

    无序列表的每个项目使用粗体圆点(典型的小黑圆圈)进行标记

    2.有序列表

    有序列表使用

    1. 定义,每条列表用
    2. 定义。列表的每个项目用数字进行标记�?/p>

      e806d6e09b325a23390a5c7fbe406484.png

      ol 有序列表

      在浏览器中显示:

      67be9c08016dc75799708a5ce0139d81.png

      列表每项用数字标�?/p>

      3.定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合�?/p>

      自定义列表用

      定义�?/p>

      0341fd4975587e14dfafa1348a9cc251.png

      dl dt dd自定义列表代�?/p>

      在浏览器中显示:

      d1dc59570e8fe33ff65230c537d2f85c.png

      dl dt dd在浏览器运行效果

      以上就是今天的内容了,学习最好的方法就是一边看一边做,快打开你的编辑器把今天的内容都敲一遍吧�?/p>

      以上代码标签均是原生态没有重置其CSS样式,在布局过程中,有时会重新赋予新CSS样式,达到我们排版布局效果�?/p>

      标签(Tag): 列表 表格 li dl dt dd ol ul

      本文分享URL地址�?a href="/html/1486.shtml">/html/1486.shtml

      作者:网络

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值