HTML简介

aMereNobody

已于 2024-03-30 09:21:33 修改

阅读量1.5k

点赞数 27

分类专栏： html 文章标签： html 前端

于 2024-03-29 22:42:36 首次发布

本文链接：https://blog.youkuaiyun.com/lh11223326/article/details/137158136

版权

html 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了HTML（超文本标记语言）作为网页设计的基础，包括其定义、版本演变、标签的作用、文档结构以及超链接的重要性。作者详细解读了HTML不是编程语言，而是用于静态展示网页内容的标记语言，强调了HTML在网页构建中的排版和布局作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

HTML是Hyper Text Markup Language的缩写，中文意思为"超文本标记语言"，是用来设计网页的。

使用HTML编写的文件称为"HTML"文件，后缀是.html(也可以.htm)，HTML是一种纯文本文件，可以使用Windows记事本，Linux Vim，Notepad++，Sublime Text，VS Code等编辑器来打开或创建。

HTML网站的概念-优快云博客https://blog.youkuaiyun.com/lh11223326/article/details/137149859?spm=1001.2014.3001.5501

每个网页都是一个HTML文档，使用浏览器访问一个链接(URL)，本质就是把文件从服务器上下载到电脑里面，然后由浏览器解析HTML这个文档。如下：

可以看到一个网页就是把服务器上面的所有代码下载到自己电脑上，然后让浏览器进行渲染。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.EpxMzbWHD39VZ-nmL0fs4AHaFj?w=195&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7"
        alt="">
    <p>此表示可以显示一段文本</p>
    <a href="https://www.bilibili.com/">此链接到bilibili</a>
    
</body>

</html>

1.HTML是什么：

HTML并不是编程语言，因为它没有处理逻辑的能力，没有计算的功能，不能动态的生成内容，只能静态的展示网页信息。

1.超文本：

也即超越文本，这表示着HTML不仅可以包含文本(文字)它比txt文本的区别在于他可以包含：图片，音频，表格，列表，链接，按钮，输入框等内容。
超链接是互联网的纽带，是它将各种网页链接起来，没有超链接就没有互联网。

2.标记语言：

HTML是一种计算机语言，它不仅可以编程，还可以用来标记网页的中的内容，HTML通过不同的标签来标记不同的内容，格式，布局等，如:

<img>标签表示一张图片。
<a>标签表示一个链接
<div>表示块级布局。

总结：

HTML是一种专门用来开发网页的计算机语言，它通过标签(标记式指令)将文本，音视频，图片，表格，按钮，输入框等内容显示出来，HTML就是给网页内容进行排版和布局的。

2.HTML的版本：

HTML从诞生而来就出现了许多版本，如下是有关HTML版本的简介：

HTML版本	版本说明
HTML1.0	HTML的第一个版本，发布于1991年。
HTML2.0	HTML的第二个版本，发布于1995年，该版本中增加了表单元素以及文件上传等功能。
HTML3.2	HTML的第三个版本由W3C于1997年初发布，该版本增加了创建表格以及表单的功能。
HTML4.01	HTML4.01于1999年12月发布，该版本增加了对样式表(CSS)的支持，HTML4.01是一个非常稳定的版本，是当前官方标准。
HTML5	HTML5的初稿于2008年1月发布，是公认的下一代Web语言，极大地提升了Web在富媒体，富内容和富应该等方面的能力，被誉为终将改变移动互联网的重要推手。

在上述表中HTML4和HTML5是最重要的版本，HTML4适应了PC(电脑)互联网时代，HTML5适应了移动(手机)互联网时代。

HTML5在HTML4的基础上增加了很多语义化的标签，功能更加强大，除了低版本的IE浏览器，几乎所有其他浏览器都能很好的支持HTML5。

3.HTML标签：

就上述所说HTML是一种标记语言，使用各种标签来格式化内容，标签的特点如下所示：

HTML标签由尖括号包围的关键字构成，如：<!DOCTYPE>.
除了少数几个标签是是单个出现，其他的都是成双成对如<p>内容</p>.
成对出翔的标签中，第一个标签为开始标签，第二个标签为结束标签(闭合)

HTML中的不同标签具有不同的含义，学习HTML就是学习各个标签的含义，根据需求选择合适的，从而做出网页。

4.HTML文档结构：

HTML页面的基本结构如下：其中包含了各种网页所需的标签.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.EpxMzbWHD39VZ-nmL0fs4AHaFj?w=195&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7"
        alt="">
    <p>此表示可以显示一段文本</p>
    <a href="https://www.bilibili.com/">此链接到bilibili</a>
    <ul>
        <li>无序列表第一行</li>
        <li>无序列表第二行</li>
        <li>无序列表第三行</li>
    </ul>

    <input type="text">

</body>

</html>

上述代码运行到浏览器之后的结果如下:

上述代码的语法说明如下：

<!DOCTYPE html>:此标签是文档声明的标签可以用来声明文档这里是将文档声明为HTML文档，但是由于它不区分大小写如还可以写成<!doctype html>所以从技术方面说他并不是标签。
<html></html>:此标签是HTML网页的根标签，其他的所有标签都需要写在<html>和</html>之内。
<head></head>：此标签中定义了HTML文档的一些信息，如标题，编码等等。
<meta charset="UTF-8">:此标签用来指明定义HTML采用的编码是那种，此处是采用了UTF-8也就是全球通用的编码格式，绝大多数网页都采用UTF-8编码。
<title></title>：此标签用来定义网页的标题，网页标题会显示在浏览器的标题栏中。
<body></body>：此标签用来定义我们能够看到的网页内容，比如图片，链接，视频等。
<img>：此标签用来定义一张图片。
<a></a>：此标签用来定一个超链接。
<p></p>：此标签用来定一个文本。
<ul></ul>：此标签用来定义列表。
<li></li>：此标签用来定义列表的每一项。
<input>：此标签用来定一个输入框。

由于HTML文档属于文本类型的文件，所以可以使用任何文本编辑器来创建和修改HTML的文件，如Windows自带的笔记本，或者专业的VSCode，Sublime Text.....

另外保存HTML文件的时候必须把文件保存为.html或者.htm格式才可以在浏览器中打开。