前端 HTML 知识点之 HTML 介绍

1.1 HTML

1.1.1 定义

• 超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言
  • HTML元素是构建网站的基石
• 标记语言（markup language ）
  • 由无数个标记（标签、tag)组成
  • 是对某些内容进行特殊的标记，以供其他解释器识别处理
  • 使用
    标记的文本会被识别为“标题”进行加粗、文字放大显示
  • 由标签和内容组成的称为元素（element）
• 超文本（ HyperText ）
  • 表示不仅仅可以插入普通的文本（Text）
  • 还可以插入图片、音频、视频等内容
  • 还可以表示超链接（HyperLink），从一个网页跳转到另一个网页
• 组成：元素

1.1.2 注释

• 注释
  • 一段代码说明
  • 注释是只给开发者看的，浏览器并不会把注释显示给用户看
• 注释的意义
  • 帮助理清代码的思路, 方便以后进行查阅
  • 与别人合作开发时, 添加注释, 可以减少沟通成本
  • 开发自己的框架时, 加入适当的注释, 方便别人使用和学习
  • 可以临时注释掉一段代码, 方便调试
• 注释快捷键：ctrl + /

1.2 元素

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

1.2.1 定义

• HTML 本质上是由一系列的元素（Element）构成的
• 元素（Element）
  • 元素是网页的一部分
  • 一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含

1.2.2 组成

• 开始标签（Opening tag）
• 结束标签（Closing tag）
• 内容（Content）
• 元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素

1.2.3 单标签元素、双标签元素

• 双标签元素
  • html、body、head、h2、p、a
• 单标签元素
  • pbr、img、hr、meta、input

1.3 属性

1.3.1 包含内容

• 一个空格，在属性和元素名称之间(如果已经有一个或多个属性，就与前一个属性之间有一个空格)
• 属性名称，后面跟着一个等于号
• 一个属性值，由一对引号“”引起来

1.3.2 分类

• 公共的
  • class、id、title 属性
• 特有的
  • meta 元素的 charset 属性
  • img 元素的 alt 属性