李胖胖的前端自学之html1

html（上）
一 网页的基本组成
网站是指在因特网中根据一定的规则，使用html等制作的用于展示特定内容相关的网页集合。
网页，是网站中的一“页”。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
网页是网站中的“一页”，通常是html格式的文件，它通过浏览器来阅读。

二 什么是html
html是一种超文本标记语言（Hyper Text Mrakup Language），它是用来描述网页的一种的语言。
标记语言是一套标记标签。
超文本：1可以添加图片、声音、动画、多媒体等内容（超越文本限制）
2可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超越链接文本）

三 常用浏览器
五大浏览器：IE 火狐（firefox） 谷歌（chrome） Safari Opera
浏览器内核：负责读取网页内容，整理讯息，计算机网页的显示方式并显示页面
国内一般分为：webkit/blink内核

四 WEB标准
WEB标准：是由W3C组织（万维网联盟）和其他标准化组织制定的一系列标准的集合。
WEB标准的三大部分：
1结构—HTML
2表现—CSS
3行为—JavaScript

五 HTML的语法规范
网页开发工具（最常用）：VS Code

1 文档类型声明标签
!DOCTYPE：告诉浏览器使用哪种html版本来显示网页。
!DOCTYPE html：当前页面采用的是html5版本来显示网页。

2 lang语言种类
用来定义当前文档显示的语言

en	英语
zh—CN	中文
fr	法文

语法：html land=“en”

3 字符集

charset（character set）是多个字符的集合，以便计算机能够识别和存储各种文字。
规定html文件应该使用哪种字符编码。（必须写，否则可能出现乱码）

UTF-8：万国码—包括了全世界所有国家需要用到的字符

4 html常用标签
4.1 标题标签

共有六级标题，依据重要性递减

4.2 段落和换行标签

作用：自动换行、段与段之间有空隙
br/：换行标签（单标签）

文本样式标签及作用如上所示。

4.3 div标签，span标签

4.4 图像标签和路径
图像标签：img用来定义html页面中的图像
img src=“图像URL“
src：是图像标签的必须属性。它用于指定图像文件的路径和文件名。

属性	解释
alt	替换文本，图像不能显示时显示的文字
title	提示文本，鼠标放在图像上显示的文字
widtn	宽度
height	高度
border	边框

路径：
目录文件夹—存放相关素材
根目录—第一层目录
相对路径：图片相对于html文件的位置
绝对路径：目录下的绝对位置，复制的图片地址
相对路径分类：