博主的简单且不可怕的 HTML 指南

博客可能是一项非常有利可图的业务，然而，成为一名博主需要大量的专业知识，尤其是在搜索引擎优化 (SEO)、网页设计、HTML（超文本标记语言）和 WordPress 方面。

虽然这些技术中的每一项都很重要，但 HTML 可能是这一切的关键。事实上，如果没有深厚的 HTML 知识，没有博主可以在这个行业做得很好。

您无需成为 HTML 专家即可成为博主或网页设计师。但是，您需要了解 HTML 中的重要概念，尤其是当它与 SEO 相关才能成为博主时。

H1 元素很重要

H1 或 Heading 1 是 HTML 中的重要标题，通常是最大的标题。对于大多数 HTML 初学者来说，H1 用于使文本看起来更大，但情况并非总是如此。事实上，H1的含义远不止于此。

H1 标签为搜索引擎提供特殊说明。它告诉搜索引擎有问题的元素是页面的主标题。从 SEO 的角度来看，一个页面上应该只有一个 H1 元素。

在页面上放置多个 H1 元素可能会妨碍您的 SEO 工作并对您的搜索引擎排名产生不利影响，没有博主想要这样。

与任何其他 HTML 标记一样，H1 标记包含在开始和结束标记 (<h1></h1>) 中。在标签中，您可以拥有多个属性，例如 alt、样式、类、标题、id 等。

这些标签可用于定义 h1 元素的属性，每个网页设计师和博主都应该知道它们。

H2 元素和其他标题

H2 元素也是每个网页设计师和博主的重要 HTML 元素。该元素通常比 H1 元素小，但有时可以变大，具体取决于您选择的样式属性。

H2 元素对于 SEO 目的也很重要。搜索引擎希望博客文章或页面中的主要副标题为 H2 元素。

换句话说，与 H1 元素不同，一个页面上可以有多个 H2 元素。但是，较低的副标题可以是 H3、H4 和其他副标题。

在构建网站或博客文章时，您应该注意标题元素的位置，因为它们对SEO的影响和重要性。

设计、外观和造型

外观和设计在 Web 开发和博客中很重要。事实上，统计数据显示，网站上 94% 的第一印象与其设计有关。此外，90% 的用户表示，如果网站具有出色的用户界面设计，他们将继续在网站上购物。

有了这些统计数据，很明显设计在网站和博客中很重要。每个网页设计师都应该了解如何使网站看起来很棒。虽然这可能与 HTML 元素有关，但它更多地属于 CSS（层叠样式表）领域。

事实上，HTML 处理网站的结构，而 CSS 处理网站的设计和外观。遗憾的是，CSS 有自己的语法和语言风格。

许多版本的 CSS 已经发布，但当前和最常用的版本是 CSS3。此外，还可以在 SCSS、LESS 中编写样式，然后将它们转换为 CSS。

大多数在 CSS 上定义的样式也可以在 HTML 上内嵌定义。但是，在 CSS 上定义样式会使事情更整洁，因为它将结构与设计分开。

CSS 定义了正文、标题、标题、段落等。样式用逗号与其属性分隔。例如，要设置正文的颜色、字体大小和背景颜色，我们有：

身体{
颜色：红色；
字体大小：14px；
背景颜色：蓝色；
}

在定义样式时，要特别注意“class”、“id”、“element”等的样式定义。

其他重要的 HTML 元素

标题并不是网页中唯一重要的 HTML 元素，链接、图像和列表等其他几个元素也很重要，每个网页设计师和博主都应该知道它们是如何工作的。

链接

链接由网页中的锚标记 (<a></a>) 定义，它们可以是 dofollow 或 nofollow 链接。

Dofollow 链接将链接汁传递到您的页面，使您在搜索引擎中排名靠前。链接到您页面的 dofollow 链接越多，您将拥有越多的反向链接和权限，例如 <a href=”http://mywebsite.com” ></a>

此外，nofollow 链接不会将链接汁传递到您的网站，因此这些链接不允许来自搜索引擎的机器人跟踪您的链接，例如 <a rel=”nofollow” href “http://mywebsite.com”></一>

图像

由 <img> 定义的图像标签是每个网页设计师和博主都应该知道的特殊 HTML 标签。与其他 HTML 标签不同，图像标签没有结束标签。

由于图像在博客文章、页面或网站中的重要性，此图像标签对博主很重要。大多数获得流量的博客文章都至少有一张图片，因此了解如何为文章添加图片标签非常重要。

图像标签很容易定义。您必须指定 src 以及可能的 alt 和 title 元素。这是一个例子 <img src=”https://mysite.com/img.jpg” alt=”my image” title=”my image title”>

列表

大多数情况下，在撰写博客时，您希望添加要点和列表以使文章更整洁、更清晰。HTML 列表是执行此操作的理想元素。

有两种类型的列表——有序列表和无序列表。顾名思义，有序列表用阿拉伯数字或罗马数字编号，但无序列表用项目符号设计。

您可以使用 ol 定义有序列表。示例 <ol><li>HTML</li><li>CSS</li></ol>。类似地，无序列表可以用 ul 定义。示例 <ul><li>HTML</li><li>CSS</li></ul>

总之，每个博主和网页设计师都应该了解一些基本的 HTML 概念。由于 HTML 和 CSS 是通婚的，因此了解 CSS 也很重要。这将帮助您创建一个有吸引力的网站或博客页面。