Web前端最全学习基础的html代码知识（入门级），蚂蚁金服java面试几轮

最后

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

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

##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、超链接属性

– href：用于指定链接目标的url地址，当为标记应用href属性时，它就具有了超链接的功能。
– target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在
新窗口中打开方式。
– 可以设置整体链接的打开状态

3、超链接注意事项

注意:
– 暂时没有确定链接目标时，通常将标记的href属性值定义为“#”(即href=“#”)，表示该链接暂时为一个
空链接。
– 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

4、锚点链接

通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
– 使用“链接文本”创建链接文本。
– 使用相应的id名标注跳转目标的位置。

##8、特殊符号标记

##9、标签语义化

• 标签语义化概念：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）
• 标签语义化意义：
  1:网页结构合理
  2:有利于seo:和搜索引擎建立良好沟通，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取；

最后

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

了避免影响到大家的阅读体验，在此只以截图展示部分内容

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】