HTML学习教程——简介

最新推荐文章于 2022-09-11 17:42:34 发布

ScriptFlying

最新推荐文章于 2022-09-11 17:42:34 发布

阅读量139

点赞数

分类专栏：前端H5

本文链接：https://blog.csdn.net/weixin_42312310/article/details/109512198

版权

前端H5 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

HTML简介

HTML，HyperText Markup Language，一种用于创建网页的超文本标记语言，主要运行在浏览器上，由浏览器来解析。HTML 命令可以说明文字、图像、动画、声音、表格和链接等，它的结构包括头部(Head)、主体(Body) l两大部分，其中头部用于描述浏览器所需的信息，而主题则包括所要说明的具体内容。HTML 不是一种编程语言，而是一种标记语言(是一套标记标签)，使用标记标签来描述网页。

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

HTML标签：

由尖括号包围的关键词组成，如 <html>
通常是成对出现的，如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个是结束标签，又被称为开放标签和闭合标签。

HTML元素：一个HTML的元素包含了开始标签与结束标签，如 <p>这是一个段落</p>

Web浏览器：

用于读取 HTML 文件并将其作为网页显示，如有谷歌浏览器、Internet Explorer、Firefox 等，它并不是直接显示的 HTML 标签，可以使用标签来决定如何展现 HTML 页面的内容给用户，如图：

HTML的网页结构：如下图是一个可视化的 HTML 页面结构，其中只有 body 部分内容会在浏览器中显示：

<!DOCTYPE> 声明：

该声明有助于浏览器中正确显示网页，在网络上有很多不同的文件，能够正确声明 HTML 的版本，浏览器就能正确显示网页的内容。该声明不区分大小写，用来告知 Web 浏览器页面使用了哪种 HTML 版本，以下四种方式均可以：

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

说明：

在HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML（Standard Generalized Markup Language 标准通用标记语言）的。HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明，分别是：Strict、Transitional 和 Frameset。HTML5 不是基于 SGML，因此不要求引用 DTD。

对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则需要设置为 <meta charset="gbk">。目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候需要在头部将字符声明为 UTF-8

ScriptFlying

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习教程——简介

HTML简介HTML，HyperText Markup Language，一种用于创建网页的超文本标记语言，主要运行在浏览器上，由浏览器来解析。HTML 命令可以说明文字、图像、动画、声音、表格和链接等，它的结构包括头部(Head)、主体(Body) l两大部分，其中头部用于描述浏览器所需的信息，而主题则包括所要说明的具体内容。HTML 不是一种编程语言，而是一种标记语言(是一套标记标签)，使用标记标签来描述网页。超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号
复制链接

扫一扫