本文详细介绍了HTML的基础知识，包括HTML的定义、作用及与编程语言的区别。讲解了浏览器内核如何解析HTML、CSS和JS，并列举了如标题、文本、图片和超链接等常见标签的使用方法及其特点。还提到了语义化标签的重要性，对于网页的收录和维护具有重要意义。
HTML（基础）
HTML：是一种描述网页的语言；
超文本语言
不是编程语言
HTML：是用来展示文字，图片，音频，视频的。
浏览器内核：
负责对网页语法进行解释(HTML,CSS,JS)。
HTML：
<!DOCTYPE html>：代表文档类型，告诉浏览器我将是网页内容。（专业称呼：文档声明）
<html>：网页的开始；
</html>：网页的结束；
<head>：网页 头的开始；
</head>：网页 头的结束；
<body>：网页内容的开始；
</body>：网页内容的结束；
<title>：网页标题的开始；
</title>：网页标题的结束；
<meta charset="utf-8">：网页的编码，语言；
utf-8：国际统一编码；
<meta charset="utf-8">
meta：表示标签（当然标签还有很多）；
charset：表示属性（括号内容同上）；
utf-8：值
标题标签特点：
1.都是双标签；
2.h1最大，h6最小；
3.文字加粗；
4.独占一行；
文本标签的特点：
1.不换行；
2.<em>和<strong>这俩很重要；可以让浏览器（搜索引擎）记住它；
img标签特点：
1.显示图片；
2.src：图片地址；
示例：<img src="11111.jpg" >，这个双引号里可以是图片的名称/图片的链接。
（一定要带上图片的后缀）
3.alt：图片加载失败可以显示文字；
示例：<img src="图片链接" alt="图片"> （由于图片链接太长了就不放了）
如图所示：
4.title：当鼠标移动到图片上时会有文字提示。
示例：<img src=""alt="图片" title="图片">（由于图片链接太长了就不放了）
如图所示：
5.找本地图片：
① ./：注意有两个符号，表示当前文件的所在；
示例：
② ../：同上 表示文件上一级的所在；
示例：
③ /: 这是一个符号 ，表示图片在下级文件夹；
示例：
超链接标签：
1.超链接标签：<a hret="网络地址/资源地址"> ;
锚点：
.
列表：
有序列表：<ol>，独占一行，<li> 这里面写内容
无序列表：<ul>，同上
自定义列表：<dl>
<dt> 表示标题
<dd> 表示内容
转义符：
1.& shift+7
2.代码里这么输 < 显示在网页里就是“>”
3.代码里这么输 > 显示在网页里就是“<”
4.代码里这么输   显示在网页里就是“空格”
5.代码里这么输 © 显示在网页里就是版权符号“©”
div与span特点：
1.div特点：独占一行
重要的布局标签
可放语义化标签
2.span特点：不独占一行
修饰某一块文字/图片让其更好看
块元素：独占一行。
行元素：不独占一行。
语义化标签的作用：
1.让浏览器更好的收录，显示，解析。
2.让程序员更好的去识别，更好的与维护。
599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
