10年老前端帮你精通web开发:5分钟学会HTML的5组57对标签

思考这样一个问题,html中近200个标签中,排第一把交椅的是哪一个标签?为什么?

闲话少叙,先上图再详聊细节:

10年老前端帮你精通web开发:5分钟学会HTML的5组57对标签

html标签结构图

总结这十多年的经验,帮助你在5分钟内学会html.将其分为4组,分别为:
1)TextElements 2) InlineMarkup 3)HyperText 4)SemanticLayout

一) TextElements 文本元素

会写word就会写html,此诚非虚言也。文本的核心或者说html的核心只有标题和段落两项也。

  1. 标题
  2. 段落

  3. 引用
  4. 代码
  5. 子弹列表

      1. 表格

        合计有23项元素

        二)InlineMarkup行间标注

        文本元素的六项都为块状元素,块状元素之内是行间markup。

        1. 斜体
        2. 粗体
        3. 穿过
        4. 删除
        5. 上标
        6. 下标
        7. 标注
        8. 行间引用

        合计有10项元素

        三)HyperText超文本以及多媒体元素

        将超链接单独提出来与多媒体元素放在一起,以便与TextElements区分开来。

        HyperText是html的眼睛,应为html的前两个字母ht正是源自于此。

        1. 超文本以a为标签,a是起始,暗示此为html最为核心的标签。
        2. 图片
        3. 音频
        4. 视频
        5. 插入frame