柚子快报邀请码778899分享：html 关于前端的学习

柚子快报邀请码778899分享：html 关于前端的学习

http://yzkb.51969.com/

目录

前言:

1.初识HTML:

 1.1超文本:

1.2标记语言:

2.关于html的基本框架:

3.HTML基本文字标签:

3.1.h标题标签:

3.3 文本内容:

3.4换行的和分割的:

        3.5 特殊文字标签:

3.5.1表面上看着三对的结果呈现都是一样的:

3.5.2但是其背后的效果其实是不一样的:

3.6转义字符:

4.SEO（搜索引擎优化）:

4.1搜索引擎工作原理：

4.2网站技术架构：

4.3内容创作与用户体验：

4.4链接建设：

4.5数据分析与优化：

4.6合规性与最佳实践：

结语:

前言:

从今天开始我们就要开始学习前端了,关于前端我们要先了解一下前端三剑客:

前端基础由3个东西组成:         html: 是一个网页基本组成,给用户看的东西都写这里(图片/文字/视频) -- 也就是相当于人类的身体         css: 负责美化页面内容/优化网页性能(颜色,排版,字体) -- 是相当于人类的化妆品         JavaScript: 脚本语言,主要用来实现动态效果,前后端交互 -- 相当于人类技能

 而从今天开始,我们将要进行web前端的学习了不过这些都是我个人在学习过程中总结出来的其中的内容是个人整理的难免会有所遗漏,如果有什么地方写的不好欢迎大家的指正。

1.初识HTML:

全称HyperText Markup Language，即超文本标记语言，是用于创建网页的标准标记语言。它可以用来组织网页的内容和结构，并可以与CSS（层叠样式表）和JavaScript等语言配合，实现网页的样式设计和交互功能。

 html叫超文本标记语言,不是编程语言它与编程语言的差距

        编程语言 -- 带有逻辑性.用来使用的

        标记语言 -- 不具备逻辑.是用来看的

 1.1超文本:

“超文本”这个概念强调的是文本的超越性，即它不仅仅包含普通的文字信息，还可以包含指向其他资源的链接，这些资源可以是图片、音乐、视频、甚至是其他网页或网站。这种链接通常被称为“超链接”。超文本使得用户可以直接点击这些链接来访问或跳转到相关的资源，从而极大地丰富了文本的信息量和交互性。

此外，超文本还允许对内容进行排版和样式设计，比如设置字体、颜色、大小、对齐方式等，以及创建列表、表格、段落等复杂的文档结构。这些功能使得超文本在呈现信息时具有更大的灵活性和多样性。

1.2标记语言:

“标记语言”则是指用来定义和描述超文本的一种语言。在HTML中，这种语言是由一系列的“标签”（tags）组成的。这些标签就像是拼图的碎片，它们各自具有特定的含义和功能，比如

标签表示段落，标签表示图像等。

 使用HTML时，我们需要做的就是把这些标签放在合适的位置，从而构建出我们想要的网页结构和内容。这个过程并不需要过多的逻辑思考，因为HTML本身是一种声明性的语言，它只关心你想要呈现什么，而不关心你是如何实现的。当然，要创建出复杂且功能丰富的网页，我们还需要掌握CSS（用于样式设计）和JavaScript（用于交互和动态效果）等其他技术。

2.关于html的基本框架:

2.1 ：

声明文档类型，告诉浏览器这是一个HTML5文档。

2.2：

html元素，指定整个HTML文档使用中文语言（zh代表中文）。

2.3：

head元素，包含文档的元信息。

2.3.1：

设置文档字符编码为UTF-8

2.3.1