返回

HTML 知识点梳理:全面解析 HTML 基础概念与应用

前端

HTML,全称 Hypertext Markup Language,超文本标记语言,是用于创建网页的标准标记语言。HTML 通过使用各种标记来定义网页的结构和内容,使浏览器能够正确解析和显示网页。

HTML 基础概念

  • HTML 元素 :HTML 元素是 HTML 文档的基本构建块,用于定义网页的内容和结构。HTML 元素通常由一个起始标记和一个结束标记组成,起始标记以 "<" 开头,结束标记以 "</" 开头,中间是元素的名称。例如,"

    " 是一个标题元素的起始标记,"

    " 是它的结束标记。
  • HTML 属性 :HTML 属性用于修饰 HTML 元素,为元素添加额外的信息或功能。HTML 属性由名称和值组成,名称以字母开头,值用引号括起来。例如,"class" 属性用于为元素添加一个类名,"id" 属性用于为元素添加一个唯一的标识符。
  • HTML 注释 :HTML 注释用于在 HTML 文档中添加注释信息,注释不会被浏览器解析或显示。HTML 注释以 "" 结束。

HTML 结构

HTML 文档由一系列 HTML 元素组成,这些元素按照一定的层次结构组织在一起,形成了 HTML 文档的结构。HTML 文档的结构通常由以下几个部分组成:

  • 头部 :头部包含有关网页的元数据,包括网页的标题、、等。头部元素通常位于 "" 和 "" 之间。
  • 正文 :正文包含网页的主要内容,包括文本、图像、表格、视频等。正文元素通常位于 "" 和 "" 之间。
  • 页脚 :页脚包含网页的版权信息、联系方式等。页脚元素通常位于 "" 之后。

HTML 元素

HTML 中有很多不同的元素,每种元素都有其特定的用途和含义。一些常用的 HTML 元素包括:

  • 标题元素 (

    ,

    ,

    , ...) :标题元素用于定义网页标题。标题元素通常以 "

    " 开头,以 "

    " 结束,数字越大,标题越小。
  • 段落元素 (

    ) :段落元素用于定义网页段落。段落元素通常以 "

    " 开头,以 "

    " 结束。
  • 列表元素 (
      ,
        ) :列表元素用于创建列表。无序列表元素 (
          ) 用于创建无序列表,有序列表元素 (
            ) 用于创建有序列表。列表元素通常以 "
              " 或 "
                " 开头,以 "
            " 或 "
          " 结束。
        • 链接元素 () :链接元素用于创建链接。链接元素通常以 "" 开头,以 "" 结束。链接元素的 "href" 属性指定链接的目标 URL。
        • 图像元素 () :图像元素用于在网页中插入图像。图像元素通常以 "" 开头,以 "/>" 结束。图像元素的 "src" 属性指定图像的 URL。

        HTML 属性

        HTML 元素可以具有各种不同的属性,属性用于修饰元素,为元素添加额外的信息或功能。一些常用的 HTML 属性包括:

        • id 属性 :id 属性用于为元素添加一个唯一的标识符。id 属性的值必须是唯一的,并且不能包含空格。
        • class 属性 :class 属性用于为元素添加一个类名。class 属性的值可以包含多个类名,类名之间用空格分隔。
        • href 属性 :href 属性用于指定链接的目标 URL。href 属性的值必须是有效的 URL。
        • src 属性 :src 属性用于指定图像的 URL。src 属性的值必须是有效的 URL。

        HTML 注释

        HTML 注释用于在 HTML 文档中添加注释信息,注释不会被浏览器解析或显示。HTML 注释以 "" 结束。

        结论

        HTML 是用于创建网页的标准标记语言,掌握了 HTML 的基本知识,你就可以开始创建自己的网页了。