GG资源网

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

HTML 非可怕指南

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

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

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

H1 元素很重要

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

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

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

与任何其他 HTML 标签一样,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 元素,链接、图像和列表等其他几个元素也很重要,每个网页设计师和博主都应该知道它们是如何工作的。

链接

链接由网页中的锚标记 () 定义,它们可以是 dofollow 或 nofollow 链接。

Dofollow 链接将链接汁传递到您的页面,使您在搜索引擎中排名靠前。 链接到您页面的 dofollow 链接越多,您将拥有越多的反向链接和权限,例如

此外,nofollow 链接不会将链接汁传递到您的网站,因此这些链接不允许来自搜索引擎的机器人跟踪您的链接,例如

图片

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

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

图像标签很容易定义。 您必须指定 src 以及可能的 alt 和 title 元素。 这是一个例子 ”my

列表

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

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

您可以使用 ol 定义有序列表。 示例

  1. HTML
  2. CSS

。 类似地,无序列表可以用 ul 定义。 示例

  • HTML
  • CSS

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

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 博主的简单且不可怕的 HTML 指南

发表回复

CAPTCHAis initialing...