本文介绍了HTML的基础知识，包括HTML的定义、网页的构成、Web标准的重要性以及HTML的语法规范。详细讲解了标签的书写、关系以及常用标签如标题、段落、换行、文本格式化、图像和链接的使用。同时，提到了相对路径的概念。内容适合前端开发初学者。
1.HTML初识
网站：提供特定服务的一组网页集合
网页：网站中的一“页”，由文字、图片、视频、链接、视频等元素组成‘网页又称为html文件，以.html或.htm为扩展名。
1.3HTML：超文本标记语言（不同的 标签表示不同的含义）。不是编程语言，而是标记语言。
1.4网页的形成
前端工程师用开发工具写代码—标签及内容，浏览器解释和渲染代码，用户在浏览器中浏览页面的展示结果。
1.5为什么需要web标准？
让不同的浏览器按照相同的标准显示结果，展示统一内容
1.6web标准的构成有哪些？
结构（html）、表现（css）、行为（js）
2.HTML语法规范
2.1标签的书写规范是什么？
所有标签都包含在 <> 中间，例如：<html>；
2.大多标签都是成对出现的（双标签），例如：，其中：
<tag>开始标签；</tag> 结束标签，结束标签在标签名前有一个/（斜线）；- 单标签不需要结束标签，例如：
<br>。
2.2标签特点
1.单标签不需要结束标签，例如：<br>。h5中不需要写“/”
大多标签都是成对出现的（双标签），例如：<html></html>
2.2标签的关系
2.3.1.包含/嵌套/父子关系
2.3.2.并列/兄弟关系
3.HTML骨架标签
<!DOCTYPE html><!-- 文档类型 -->
<html lang="en"><!-- 用来定义当前文档显示的英语 -->
<!DOCTYPE html><!-- 文档类型 -->
<html lang="en"><!-- 用来定义当前文档显示的英语 -->
<head>
<meta charset="UTF-8"><!-- 字符集(万国码)-->
<title>我的第一个页面</title>
</head>
<body>
键盘敲烂，月薪过万。
</body>
</html>
3.HTML常用标签
3.1标题标签h
- 标题共有 6 个等级，从
<h1>到<h6> - 重要性依次递减
- 字号依次递减
3.2段落标签p ，特点：
段落标签是双标签，段落内容包含在开始标签和结束标签之间；文本在一个段落中会根据浏览器窗口的大小自动换行；段落和段落之间有一定的空隙。
3.3换行标签br，特点：换行标签是个单标签；换行后只是另起一行，不像p标签会有明显的间距。
3.4文本格式化标签，作用：突出显示
| 标签 | 说明 |
|---|---|
| strong 或 b | 加粗，更推荐 strong |
| em 或 i | 倾斜，更推荐 em |
| del 或 s | 删除线，更推荐 del |
| ins 或 u | 下划线，更推荐 ins |
3.5 div和span标签
3.5.1.div span 是没有语义的是我们网页布局的两个盒子
- div标签 用来布局的，一行只能放一个div
- span标签 用来布局的，一行上可以放好多个span
3.6图像标签
<img src="" / >
3.7 链接标签
3.7.1外部链接 <a href=“http：www.baidu.com></a> 写完整的网址 协议 域名
内部链接：<a href="demo.html"></a>直接写文件名即可
3.7.3属性target=“-blank”打开新窗口
3.7.4 锚点链接：快速定位到页面中的位置
第一步：<a href="#two">第2集</a>
第二步：<h3 id="two">第2集</h3>
4.相对路径
同一路径：在同一个文件夹直接找名字
向上一级用“…/”
向下一级用“/”
9万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
