[04]HTML基础之块级标签

2021-02-12 21:19

阅读:646

标签:out   多少   int   div   标准化   title   电子工程   pre   重要   

1.

标签

表示段落,多个空白符会合并成一个;

标签表示预文本段落,所有空白符都不合并。

//临江仙诗句

滚滚长江东逝水,浪花淘尽英雄,是非成败转头空。 青山依旧在,几度夕阳红。

白发渔樵江渚上,惯看秋月春风,一壶浊酒喜相逢。
古今多少事,都付笑谈中。

2.
    标签

    表示无序列表,表现为每个子项前都有圆点;

      标签表示有序列表,表现为每个子项前都有序号;
    1. 标签表示列表的子项目。

      //无序列表
      
        导航:
      • 首页
      • 分类
      //有序列表
        目录:
      1. 第一章:灵感
      2. 第二章:创作

      3.
      标签

      表示定义列表;

      标签表示定义列表的标题;
      标签表示定义列表的数据。

      IEC
      国际电工委员会(International Electrotechnical Commission)成立于1906 年,它是世界上成立最早的国际性电工标准化机构,负责有关电气工程和电子工程领域中 的国际标准化工作。

      4.
      标签

      语义标签,表示文档的头部;

      标签表示文档的主体;
      标签表示文档的页脚。前面三个标签与
      标签效果一致,但重在语义的强调上面。
      //可以放置网站logo及导航链接
      
      网站logo 导航链接
      //可以放置文章内容或评论
      文章标题 文章内容
      //可以放置联系信息或版权信息
      版权信息 备案信息

      5. 标签

      语义标签,表示重要的独立内容,例如某段文章的内容;标签表示不那么重要的偏旁内容,例如文章的分类标签,作者信息等。

      断章节选

      你站在桥上看风景,看风景的人在桥上看你;明月装饰了你的梦,你装饰了别人的 梦。 作者:卞之琳,祖籍南京市溧水区,现当代诗人、文学评论家、翻译家。

      6.
      标签

      语义标签,表示标题的分组;

      标签表示一级标题;

      标签表示二级标题;

      标签表示三级标题;

      标签表示四级标题;
      标签表示五级标题;
      标签表示六级标题。

      宇宙历史

      世界历史

      亚洲历史

      中国历史

      唐朝历史
      安史之乱

      7. 标签

      语义标签,表示文档作者的联系信息,表现为略微倾斜的字体,一般放在

      标签里面。

      联系站长:绝弹 
      

      8. 标签

      语义标签,表示导航内容,与

          标签相比,强调语义的作用。

          英语单词

          p:段落(paragraph的缩写)
          pre: 预定义(predefined的缩写)
          header: 头部
          main:主要
          footer:脚部
          article:文章
          aside:旁白
          h:大字标题(headline的缩写)
          group:分组
          adress:地址
          nav:导航(navigation的缩写)
          ul:无序列表(unorder list的缩写)
          ol: 有序列表(order list的缩写)
          li:列表项目(list item的缩写)
          dl:定义列表(defined list的缩写)
          dt:定义列表标题(defined title的缩写)
          dd:定义列表数据(defined data的缩写)
          nav: 导航(navigator的缩写)
          

          [04]HTML基础之块级标签

          标签:out   多少   int   div   标准化   title   电子工程   pre   重要   

          原文地址:https://www.cnblogs.com/juetan/p/13027143.html

        • 上一篇:ajax入门

          下一篇:[02]HTML基础之头部标签


          评论


          亲,登录后才可以留言!