html 分割线_HTML系列第一期：什么是HTML语言？如何写？-优快云博客

本文介绍HTML的基础知识，包括必备软件HbuilderX的使用、HTML的基本结构及其常见标签的应用。

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

从今天起我将会开一个新的系列：HTML系列。在这个系列中我会讲讲HTML语言的基本用法。那么今天我们从最基本的开始，首先就是要有一款好的软件。我现在在用的是Hbuilder X。

就是这款软件

那么这款软件有什么好的呢？我也不知道。反正就是喜欢这个。

首先还是分享下地址吧，官网：https://www.dcloud.io/hbuilderx.html,我的建议是安装完整版，虽然我也不知道2个有啥区别。

安装完成后就可以正式开始咱们的学习了。

————————————————————分割线————————————————————

首先我们要知道HTML语言是一种什么语言，HTML语言是一种标识性的语言，其全名为“超文本标记语言”，这种语言是为了能够让浏览器看懂而开发的，现在我们所编写的多为HTML4.0版本，当然还有一种更为先进的版本，就是HTML5。HTML5我们在后面的学习中会讲到。

那么HTML4的最基本的格式是什么呢？看图。

最基本的HTML代码

这里我来大概的讲一下吧。

首先最开头的<!DOCTYPE HTML>是告诉浏览器这个文件为HTML语言。

<html>是所有代码的开始，相当于考试写作文时的格子，把所有代码啥的框在里面，和结尾的</html>组成一个整体，所有的代码都要写在<html></html>中间。

<head>标签看意思应该知道，就是头部标签，一些不想被看到的内容啥的就写在这里，例如下面要讲到的<meta charset，<title>,<link />啥的就都写到这里，最后以</head>结尾。

编码为utf-8时的网页

编码为gb2312时的网页

我建议大家编码为utf-8，因为编辑器的默认编码都是utf-8，为了避免麻烦，选择utf-8就行了。

然后就是<title>标签，看意思应该就猜到了吧，就是页面的标题，你在这写什么内容在浏览器的顶端和标签页就会看到什么，以<title>开头,</title>结尾。

基本上到此处头部内容就写完了，我们就可以用</head>来结尾了。

然后就是<body></body>标签。这个标签就是放在页面上看到的内容。你想让客户在浏览器上看到什么内容就放到此处。

<p>标签就是一个段落，例如下图。

&lt;p&gt;标签示例

你所看到的文字文字2文字3文字4文字5就是用<p>标签写出来的。当然你中间可以放任何内容。

<a href="xxx">xxx</a>就是放置一个超链接。如果你在此处想让用户点击文本跳转到其他网页上就放这个代码，示例如图。

图示1

图示2

这时你应该发现一个问题了，为啥2个超链接是一排的？我上面说过<p>标签中间能放任何东西，那么我们就可以把<a>前面放上一个<p>标签，就解决问题了，如下图。

图示3

那么此时我们已经写完了，就用</body>进行结尾。当然这个中间还可以放上许多许多东西，其他的标签我们下次课再讲。

所有内容写完后我们就用</html>进行结尾，相当于整篇作文写完了，至此，一个基本的HTML代码就写完了。

需要注意的是：

1.一个完整的代码一定要加上编码格式，不然就会乱码的；

2.一定要注意该带上引号的一定要带上引号，不然是无法识别的；

3.其他的标签（例如<p>），结尾以</p>结尾，但是<link rel的结尾不同，一定要注意，完整代码：<link rel="stylesheet" href="images.style.css" />，注意这里的地址"images/style.css指的是index.html所在地址下的images文件夹，如果要引用其他位置的改为具体的地址。

今天的内容就到这，我们下节课将讲解其他的标签，如有错误欢迎大家指正！这篇文章的文字可能并不是很专业，只要能看懂就行了。

本篇文章为 @不会开发的小常原创，目前仅发于知乎，酷安，bilibili，作者名均为 @不会开发的小常，未经本人允许，严禁转载！

下课！