在这篇文章中，基本概念我们的第一个网页获取基本内容标签在这里页面结构标签应该让你开始1所以你不是一个十足的书呆子，你在运行自己的网站。或者你是个十足的书呆子，只是还没来得及学习HTML。不管怎样，你已经有了一个网站，它需要一些改变。也许你想改变WordPress主题中的一些文字。也许有人把你变成了一个纯HTML网站，你需要更新一些内容，也许换掉一张图片。好吧，有个好消息：这一切其实非常简单。你不需要成为程序员之类的。虽然HTML（超文本标记语言）通常被认为是一种“编码语言”，但它并不是一种非常强大的语言。也就是说，HTML本身不能用于执行理论上可以由计算机完成的所有任务。

加入CSS3和JavaScript，这将成为一篇完全不同的文章。或者书。但我们不涉及这一点，因为你可能只需要用最新交易的图片更新你的网站。我想让你更容易，HTML也是。

我将向大家介绍HTML作为一种语言的入门教程，并解释如何以最简单的方式构建网页。在本文结束时，当您查看内容管理系统（CMS）中一个博客模板的代码时，您将能够理解所看到的内容。

在我们开始实际操作之前，有一个简短的提示：“网站管理员”是90年代人们所说的网页设计师、网页开发人员和内容经理。列出的三个角色通常由同一个人扮演，而这些人通常都是像我这样的超级书呆子。

基本概念

HTML字面上是为了告诉你的浏览器（如Chrome或Firefox），“以下是你需要在屏幕上显示的内容。去做吧。”也就是说，HTML定义了你所在网页的实际内容。它通过标签来实现这一点，标签如下：

这是一些文本。

P括号里的那些字母？那些是标签。“p”标签专门定义了一个段落或一个文本块。您还应该注意“结束标记”如何使用“/”字符来区别于“开始标记”并不是每个标签都是这样工作的。有些标记是单数的，所以它们自己“打开”和“关闭”，比如：

I’ll get to that one later. Anyway, there are, well… loads of tags, and I won’t be getting into all of them. I have neither the time nor the space, and unless you plan to become a web designer, you don’t need to know them all. But the “p” tag (also known as the paragraph tag) is kind of essential.

----

----

<img src="http://img.bufeishi.cn/article/202205/Learn-HTML-Free-Basic-HTML-Codes-for-Beginners-image1.jpg" width="945" height="201" alt="HTML cheat sheet –

<img data-src="http://img.bufeishi.cn/article/202205/Learn-HTML-Free-Basic-HTML-Codes-for-Beginners-image1.jpg" width="945" height="201" alt="HTML cheat sheet –

而且，在最基本的形式中，HTML文件只是一个以“.HTML”结尾的纯文本文件。实际上，你可以在Windows上用记事本设计一个完整的网站，尽管有许多更好的文本编辑器。

回到标签：标签可以有“属性”属性用于很多事情，例如，使一个段落看起来不同于另一个段落。这通常通过“class=”属性来实现，比如：

---

---

现在你必须使用一种完全不同的语言——特别是CSS——来让“intro text”类的段落看起来不同，但这是另一天的指南。此外，还有大量属性，并非每个属性都可以与每个标记一起使用。再说一遍，我不会给你一个完整的清单。

作为一种语言，您的第一个网页实际上在过去几年中经历了多次修改。目前，HTML的标准版本被称为HTML5，尽管你很难将其称为第五次迭代。这是一种命名惯例，它产生于方便和品牌，而非精确性。

HTML5源于沮丧和书呆子的愤怒，旨在极大地简化手工编写HTML的体验，并使代码更易于人类和计算机阅读。具体来说，它旨在提供更多关于页面内容的上下文。

一个非常基本的、基本的HTML5页面应该是这样的：

---

---

开头的“DOCTYPE”行告诉浏览器它正在查看HTML5网页。“html”标签用于告诉浏览器页面的开始和结束位置。剩下的，我们马上就到。

如果你在网络浏览器中打开该页面，就会看到一个完全空白的窗口。你会看到“这是我很棒的网页”在浏览器选项卡中，但仅此而已。“title”标签就是这样做的。你可能已经注意到了两组标签，分别是“头”和“身体”让我们看看这些：

你的肩膀上有一个很好的头部

网页的“头部”部分是你把所有关于网页本身的信息放在那里，而不是放在你把内容放在哪里。用户真正应该看到的头部的唯一部分是标题，而不是页面本身，而是浏览器的用户界面。

让我们看另一个例子：

---