对HTML的认识

初识HTML

HTML简介

不是编程语言 是标记语言
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言
.txt 能写文字，字符 不能写图片，链接…
.html 超文本文件 === 网页
通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述

说明

“超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。
“标记语言”：标记语言是一套标记标签组成
HTML语法规范
HTML标签
HTML标签是由尖括号包围的关键词 w3c 固定关键字标记

提示：HTML不区分大小写 分类 双标签：成对出现 <开始标签>

语法
HTML中的注释以" "结束，开始和结束中间为注释内容
生成注释:
ctrl+/ HTML文档 .html
HTML文档也被称为网页，【扩展名为.html或者.htm】
创建HTML文档
打开vscode-文件-新建.html文件，输入!或html:5 + 回车生成文档基本代码文档基本代码说明
文档类型声明

是HTML5标准网页声明，告知浏览器用HTML5标准解析。

注意：<!DOCTYPE> 声明不是 HTML 标签，只是一条指令。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 标签之前。

文档骨架标签

每个网页都会有一个基本的结构标签html,head,body(也称为骨架标签）,页面内容被这些标签所包含
html标签

语法

作用 定义整个HTML文档，包含head和body lang属性 作用：定义当前文档显示文字的语言 语法：lang=“en” (lang是language的简写) 取值: en定义语言为英语 zh-CN定义语言为中文 head标签

语法

作用 定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。 body标签

语法:

作用:定义文档的主体，在浏览器窗口中可以看到的所有内容都包含在它内部 文档字符集 字符集(Character set)是多个字符的集合，便于计算机识别和存储各种文字。

语法

说明: 在标签内,通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。 常用的字符集 UTF-8被称为万国码则包含全世界所有国家需要用到的字符 gb2312 简单中文 包括6763个汉字 GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312 BIG5 繁体中文 港澳台等用 文档标题

语法

说明：标题包含在head标签内，浏览器工具栏中的标题,被添加到收藏夹时的标题显示在搜索引擎结果中的页面标题 块级标签 标题 HTML 标题(Heading)元素呈现了六个不同的级别的标题，H1 级别最高，而 H6 级别最低。

语法

标题内容

语义 表示标题，HTML 包括六个级别的标题，

–

依据重要性递减，用于指定内容的标题和子标题 默认样式 文字加粗 字号依次变小 默认间距 独占一行 典型应用 logo 文章页标题、内容章节标题 产品标题 模块标题等 通常标题标签包含文字、图片和其它行内元素 段落 表示文本的一个段落.该元素通常表现为一整块与相邻文本分离的文本 语法

段落内容

语义 表示段落,用于将网页中的文字有条理地显示出来 典型应用 文章中的段落 页面中的文字块 提示：通常用来包含文字、图片、不可以包含它自己 无序列表 没有序列的一组内容

语法

• 苹果
• 香蕉
• ...

语义
无序列表,用于将没有数字顺序的一组数据或内容进行分组
默认样式（演示）
默认间距(外边距、内边距)
列表样式：实心圆
典型应用：
新闻列表