本文介绍了HTML的基础知识，包括HTML的定义、发展历史、网页的形成过程、常见浏览器及其内核、HTML的基本骨架格式、标签分类以及标签之间的关系。讲解了HTML标签的嵌套规则，强调了规范的重要性，并提到了开发工具的选择。此外，还讨论了文档类型声明和字符集的使用，如HTML5的<!DOCTYPE html>和UTF-8字符集。
1.HTML是什么:
超文本标记语言 Hyper Text Markup Language
作用：生成网页的结构（通过标记对网页的元素进行描述）
标签/标记：用<>括起来的英文单词来表示一个标记/标签
2.HTML的发展：
*现大多数学习是从HTML4.0版本开始学到HTML5
3.网页的形成：
屏幕后的前端开发人员编写HTML代码通过浏览器渲染后形成精美的页面展现在我们面前
4.常见浏览器及其内核：
浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。称为5大浏览器。
主流浏览器内核与前缀(笔试题/面试题)：
- IE内核 (Trident) IE浏览器前缀为 -ms-
- Firefox内核 (Gecko） 火狐浏览器前缀为 -moz-
- Safari内核（Webkit） 苹果浏览器前缀为 -webkit-
- Opera内核（Presto） Opera浏览器前缀为 -o-
- Chrome内核（Blink）谷歌浏览器前缀为 -webkit-
5.HTML骨架格式：
<html> html标签 —— 根标签 所有的标签都要放在html标签的里面
<head> head标签——元信息 不需要展示在页面上的控制信息
<title></title> title标签——标题 网页的标题
</head>
<body>body标签—— 网页的主体部分，用于存放所有的html标签
</body>
</html>
6. HTML标签分类
1.双标签
语法：<标签名>内容</标签名>
语法中“<标签名>”表示该标签的作用开始，一般称为开始标(start tab),“</标签名>”表示该标签的作用结束，一般称为结束标签。如下：
<div>我是div</div>双标签中可以再嵌套其它标签，也可以嵌套内容
2.单标签
语法：<标签名 />
单标签也称为空标签，是指用一个标签符号即可完整的描述某个功能的标签。如下：
<br />
<hr />
<img alt="" src="路径" />
<input type="text" /> 单标签只能有属性，不能嵌套其他标签及内容
7.标签的关系：
1.嵌套关系：父子关系
一个标签的开始与结束必须被包含在另一个标签的里面（规范）
2.并列关系：兄弟关系 同层级 没有嵌套
8.嵌套规则了解：
**嵌套是有规范的 要遵守 有些规范不遵守浏览器解析会有错乱
解析错乱： p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，
*行内(不能设置宽高，不引起换行 )：span i b s u strong del ins em
*块级(可以设置宽高，会换行)：h1-h6 div p body
内联不能嵌套块级，块级可以嵌套内联元素
有几个特殊的块级元素只能嵌套内联元素，不能嵌套块级元素：h1~h6、p、dt
9.开发工具：
常见的开发工具有：VS Code、Dreamweaver、SublimeText、WebStorm、Hbuilder....
10.文档类型
<!DOCTYPE html> <!-- 声明当前页面的版本 -->作用：html有多个版本，每个版本存在差异，让浏览器能正确编译，在第一句告诉浏览器我们使用的是什么版本 不区分大小写的
通用声明
HTML5 : <!DOCTYPE html>
HTML 4.01 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11.字符集
<meta charset="UTF-8">UTF-8：是目前最常用的字符集编码方式，包含了全世界所有国家需要用到的字符
GB2312：简单中文，包括6763个汉字
GBK：包含全部中文字符，是GB2312的扩展，加入了对繁体字的支持，兼容GB2312
BIG5：繁体中文，港澳台等用
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
