初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose
程序员文章站
2022-04-09 16:53:57
...
上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面.
ul-li 列表标签
- 列表1
- 列表2
ul-li在网页中显示的默认样式一般为:每项li前都带一个圆点, 所以ul-li是没有序号的信息列表, 不存在前面的1, 2, 3等等的序号为其排序.
ol-li 列表标签
- 有序列表1
- 有序列表2
ol-li在网页中显示的默认样式和ui-li的区别就在于, 它是有序号的信息列表, 所以它的前面不再是圆点, 而是1, 2, 3等等的序号为其排序, 如果懂一些英文的人我想会更好记忆(
- 代表的就是, unorder list,
- 代表的是order list,
- 代表的是list, 如上都是我推断出来, 英文本人惭愧的连四级都没有过, 所以如果哪里有错误, 希望批评指正). 逻辑标签逻辑标签很大程度上和文本标签中的很像, 但是它是有语义的, 也会对原本的布局产生影响, 之所以说很像, 也是因为标签大部分都只是为自定义提供了一个容器, 这点和是相同的, 在实际的网页中,也和一样, 是最重要的标签之一.最主要的作用是将一个完整的逻辑模块框在一起, 说的通俗一点, 就是古惑仔中的这片场子归我管.
表格标签
先来简单说说标签名字的含义, 我个人习惯这样, 因为这样能方便记忆, 就如同ol-li这样似的, 在
中会有三种必用标签,
, , . table row 表格行标签, 这个标签的出现意味着下面的都是这一行上面要出现的数据, 结束也就意味着这一行结束了. 再出现当然就是又出现一行了. table head 表头标签, 这个标签是内嵌在 中的, 因为先有行, 才会有表头对吧, 所以这个只会在一个 标签中出现, 毕竟表头不可能有两行. table data cell 单元数据标签, 这个标签的的用法和 是一样的, 在非表头行使用, 是指每个单元中和表头标题一一对象的元素, 所以在第一行表头有多少个 在后面的 中就会有多少个 与之相对应. 下面上代码给大家解释:
认识table表标签 班级 学生数 平均成绩 一班 30 89 二班 35 85 三班 32 80 运行效果如下
可能会有人想, 表格为什么没有边框呢, 但是这些是需要css进行帮助的, 所以这里就先不解释如何添加了.
表格标题标签 这个标签没什么可说的, 就是为表格添加一个标题, 使用在
开始标签之后.
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
作者信息 -
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论