学习基础的html代码知识（入门级），史上最通俗计算机网络分层详解

3、HTML基本文档格式— 标记

– 标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他
位于文档头部的标记。
– 一个HTML文档只能含有一对标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

4、HTML文档头部相关标记—

– 标记，之间的内容将显示在浏览器窗口的标题栏中。
其基本语法格式如下：

5、HTML基本文档格式— 标记

– 标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和
视频等信息都必须位于标记内，标记中的信息才是最终展示给用户看的。
– 一个HTML文档只能含有一对标记，且标记必须在标记内，位于头部标记之后.

##3、html标签关系
1.嵌套关系
2.并列关系
**嵌套关系：**类似父亲和儿子之间的关系

**并列关系：**类似与兄弟之间的关系

##4、html标签分类
1、HTML标记—双标记

– 双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下：
<标记名></标记名>
该语法中“<标记名>”表示该标记的作用开始，一般称为“开始标记（start tag）”，“</标记名>” 表示该标
记的作用结束，一般称为“结束标记（end tag）”。和开始标记相比，结束标记只是在前面加了一个关闭符“/”。

2、HTML标记—单标记

– 单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下：
<标记名/>

##5、单标记详解
1、水平线标记

---

– 在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过
插入图片实现，也可以简单地通过标记来完成，

---

就是创建横跨网页水平线的标记。其基本语法格式如下：

---

是单标记，在网页中输入一个

---

，就添加了一条默认样式的水平线。

2、HTML标记—注释标记

– 在HTML中还有一种特殊的标记——注释标记。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示
在页面中的注释文字，就需要使用注释标记。其基本语法格式如下：

– 注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看
源代码时就可以看到。

3、换行标记

–在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文
本强制换行显示，就需要使用换行标记
，这时如果还像在word中直接敲回车键换行就不起作用了。

4、图像标记

– HTML网页中任何元素的实现都要依靠HTML标记，要想在网页中显示图像就需要使用图像标记，接下来将详细
介绍图像标记以及和他相关的属性。其基本语法格式如下：

– 该语法中src属性用于指定图像文件的路径和文件名，他是img标记的必需属性。

相对路径
相对路径不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置。
eg：
相对路径设置分为以下三种：　　　
– 图像文件和html文件位于同一文件夹：只需输入图像文件的名称即可，如。
– 图像文件位于html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如。
– 图像文件位于html文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如。
绝对路径
绝对路径一般是指带有盘符的路径。　　　
eg: “D:\HTML+CSS网页制作\chapter02\img\logo.gif”， 或完整的网络地址，例如“http://www.baidu.com/images/logo.gif”。
##6、双标记详解
1、段落标记

– 在网页中要把文字有条理地显示出来，离不开段落标记，就如同我们平常写文章一样，整个网页也可以分为
若干个段落，而段落的标记就是

。

–

是HTML文档中最常见的标记，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

2、标题标记

– 为了使网页更具有语义化，我们经常会在页面中用到标题标记，HTML提供了6个等级的标题，即

、

、

、

、

和

，从

到

重要性递减。其基本语法格式如下：
标题文本

3、文本样式标记

– 多种多样的文字效果可以使网页变得更加绚丽，为此HTML提供了文本样式标记，用来控制网页中文本
的字体、字号和颜色。其基本语法格式如下：
文本内容

4、文本格式化标记

– 在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标记，使文
字以特殊的方式显示。
文本格式化常用标记：

7、超链接

1、创建超链接

– 在HTML中创建超链接非常简单，只需用标记环绕需要被链接的对象即可，其基本语法格式如下：
文本或图像
– 在上面的语法中，标记是一个行内标记，用于定义超链接，href和target为其常用属性，下面对它们进
行具体地解释。

2、超链接属性

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

面试准备

面试准备根据每个人掌握的知识不同，准备的时间也不一样。现在对于前端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。
端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。