初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose

  • A+
所属分类:html教程
摘要

初学HTML 常见的标签(二) 列表标签

  上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面.

  ul-li 列表标签

  

        

  • 列表1
  •     

  • 列表2
  •   

  ul-li在网页中显示的默认样式一般为:每项li前都带一个圆点, 所以ul-li是没有序号的信息列表, 不存在前面的1, 2, 3等等的序号为其排序.

  ol-li 列表标签

  


        

  1. 有序列表1
  2.     

  3. 有序列表2
  4.   

  ol-li在网页中显示的默认样式和ui-li的区别就在于, 它是有序号的信息列表, 所以它的前面不再是圆点, 而是1, 2, 3等等的序号为其排序, 如果懂一些英文的人我想会更好记忆(

    代表的就是, unorder list,

      代表的是order list,

    1. 代表的是list, 如上都是我推断出来, 英文本人惭愧的连四级都没有过, 所以如果哪里有错误, 希望批评指正).

         逻辑标签

        

      逻辑标签很大程度上和文本标签中的 很像, 但是它是有语义的, 也会对原本的布局产生影响, 之所以说很像, 也是因为 标签大部分都只是为自定义提供了一个容器, 这点和 是相同的, 在实际的网页中, 也和 一样, 是最重要的标签之一. 最主要的作用是将一个完整的逻辑模块框在一起, 说的通俗一点, 就是古惑仔中的这片场子归我管.

        

        先来简单说说标签名字的含义, 我个人习惯这样, 因为这样能方便记忆, 就如同ol-li这样似的, 在

      表格标签

        

        

      中会有三种必用标签,

      ,

      table row 表格行标签, 这个标签的出现意味着下面的都是这一行上面要出现的数据, 结束也就意味着这一行结束了. 再出现当然就是又出现一行了.

      中的, 因为先有行, 才会有表头对吧, 所以这个只会在一个
      标签中出现, 毕竟表头不可能有两行.

      中就会有多少个

      表格标题标签

        这个标签没什么可说的, 就是为表格添加一个标题, 使用在

              

        

          

      初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose

    2. 相关标签:初学HTML 常见的标签(二) 列表标签
    3. 本文原创发布php教程 ,转载请注明出处,感谢您的尊重!
      • 上一篇:CSS选择器加号+的作用是什么_html/css_WEB-ITnose
      • 下一篇:纯CSS实现一个微信logo,需要几个标签?_html/css_WEB-ITnose

      相关文章

      相关视频

      • Html如何设置横向导航结构_HTML/Xhtml...
      • Html+css实现纯文字和带图标的按钮_HTML...
      • HTML对于元素水平垂直居中的探讨_HTML/Xh...
      • 修改输入框placeholder文字默认颜色-we...
      • 初学HTML 常见的标签(二) 列表标签_html...
      • 轮播图案例讲解
      • 轮播图案例的预备知识(3)
      • 轮播图案例的预备知识(2)
      • 轮播图案例的预备知识(1)

      网友评论

      文明上网理性发言,请遵守 新闻评论服务协议

      我要评论

    4. 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose
    5. 立即提交

      专题推荐

      • 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose 独孤九贱-php全栈开发教程

        全栈 100W+

        主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门

      • 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose 玉女心经-web前端开发教程

        入门 50W+

        主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门

      • 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose 天龙八部-实战开发教程

        实战 80W+

        主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习

      作者信息
      初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose

      php教程

      认证0级讲师

      最近文章

      发布技术文章

      • 最新文章
      • 热门排行

        初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose

      • html是什么语言
      • 图片超链接怎么设置
      • 如何学习html5
      • html的正式名称是
      • html怎么添加css样式?
      • HTML怎么引入js文件?
      • jsp四大作用域有什么
      • 页面中文本域的值怎么设置

        初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose

      • html p标签怎么换行?html p标签添加br换行标签的应用
      • html怎么换行?换行代码是什么?九种html文字换行方法总结
      • html怎样设置背景颜色?HTML背景颜色代码详细分析
      • 认识<br>与<p>标签之间的区别
      • 六款好用的html5编辑器
      • HTML编辑器有哪些?最好用的4款HTML编辑器推荐
      • html搜索框怎么设置?html搜索框input标签的使用方法实例
      • 如何制作一个简单的HTML登录页面(附代码)

      推荐视频教程

    6. 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose javascript初级视频教程
    7. 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose jquery 基础视频教程
    8. 视频教程分类

      • php视频教程
      • html视频教程
      • css视频教程
      • JS视频教程
      • jQuery视频教程
      • mysql视频教程
      • Linux视频教程
      • Python视频教程
      • 网站首页
      • PHP视频
      • PHP实战

      PHP中文网:独家原创,永久免费的在线php视频教程,php技术学习阵地!

      Copyright 2014-2019 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose 皖公网安备 34010402701654号 初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose 免责申明赞助与捐赠

      初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose  

      ,.

        

      table head 表头标签, 这个标签是内嵌在
      table data cell 单元数据标签, 这个标签的的用法和是一样的, 在非表头行使用, 是指每个单元中和表头标题一一对象的元素, 所以在第一行表头有多少个在后面的
      与之相对应.

        下面上代码给大家解释:

                      认识table表标签
                      
                      
                  
      班级 学生数 平均成绩
      一班 30 89
      二班 35 85
      三班 32 80

        运行效果如下

        可能会有人想, 表格为什么没有边框呢, 但是这些是需要css进行帮助的, 所以这里就先不解释如何添加了.

        

      开始标签之后.

weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: