您是Blogger吗?然后,您将从了解一些HTML代码中受益

感到困惑 HTML代码? 你并不是唯一的一个.


我会承认的。当我开始为网络写作时,我知道 HTML代码. 我会再次承认。我还是不太了解.

但是,我发现一点点HTML知识可以使编写网页时的工作变得非常轻松.

学习超文本标记语言

当然,我不知道如何建立网站,但是我确实知道如何调整小组件,当我遇到需要HTML代码的编辑系统时(您可能还会遇到它),我知道足以正确格式化我的文字.

是否想消除这种混乱并了解一些HTML编码?让我们开始吧.

什么是HTML代码?

您已经看过了,但是您可能不知道HTML乱码的全部含义.

它代表 超文本标记语言. 的HTML 是用于格式化文档的标准化系统。所使用的代码(称为标记标签)可以格式化字体,文本大小,颜色,超链接,段落等.

Web浏览器读取HTML并使用标记来确定如何显示内容。标签的一个示例是创建加粗文本的标签,如下所示:

这是粗体字.

在页面上,它看起来像这样:

这是粗体字.

多年来,HTML的版本很多,但截至2014年10月,HTML5是网络的标准化标记语言.

为什么对Blogger有用

虽然您可以在不了解任何HTML的情况下成为博主,而稍作作弊(例如使用将格式转换为HTML语言的程序),但是了解几个基本标记确实可以对您有所帮助.

在某些情况下,我个人认为它很有用:

  • 访客博客时,某些网站希望您的作者以HTML格式编写简历。有了一些知识,您就可以在需要的地方添加链接和斜体.
  •  当出现问题时,您可以查看页面上的HTML,看看是什么导致了问题.
  •  在在线网络中,您可以使用HTML标签来格式化博客文章评论和论坛评论.
  •  如果您对HTML有足够的了解,则可以开始学习CSS并稍作调整,而无需聘请设计师.

Blogger常用代码

在我们深入之前,请了解HTML标记是用尖括号括起来的关键字。这些标签成对出现,开始标签和结束标签之间的文本将受到影响。结束标签的写法与开始标签的写法相同,但在标签名称前使用斜杠.

听起来令人困惑?我举几个例子会更容易。让我们来看看您作为博客作者应该了解的一些常见HTML标签.

骨骼标签

首先是骨骼标签。这些是您不一定要使用的,但了解它们确实有帮助。这些标签是文档的基础,因此称为“骨骼标签”。它们会在网页上读取,但不会翻译成视觉元素.

即使这样,还是很高兴知道的。例如,您是否曾经使用过一个程序,要求您将代码粘贴到网站的“头部”部分?只需一点HTML知识,您就可以找到它。因此,您应该了解以下几个骨骼标签:

  • 本节介绍HTML文档.
  •  本节提供有关文档的信息.
  •   这提供了文件的标题.
  •   这描述了可视页面元素。在页面的正文部分,博客作者经常会在需要时进行HTML调整。其余提到的标签位于文档正文中.
  •  

    该标签描述了一个段落.

请记住,您的页面文字包含在开始和结束标记中。这是一个例子:

这是段落文字.

标题标签

标题标签用于显示文档层次结构。您可能已经在博客的格式中使用了标题,但是标题1-6之间的区别不仅仅意味着文本大小和字体粗细。它们还向网络浏览器和搜索引擎机器人传达层次感.

标题1应该用作文档的主要标题,例如博客文章的标题。标题2应该是辅助信息,例如您的主要子标题。将标题3用于副标题,依此类推,直到标题6。这些标签如下所示:

这是一个翻译示例:

这是标题5

这是标题5

内联文字标签

内联文本标签是用于格式化块级标签中的文本的标签,例如

. 以下是您常用的示例.
  • 这定义了强调的文本,大多数浏览器将其斜体化.
  •   这定义了强调文字,大多数浏览器以粗体显示.
  •   这会格式化报价.
  •   这显示了已删除的文本,通常将其翻译为删除线.

清单标签

如您所知,我在本博文中使用了几个项目符号列表。但是我是怎么做到的呢?以下是您需要了解的标签:

  • 这定义了一个列表元素.
  •  
      该标签围绕一个无序列表,将显示为项目符号点.
    •  
        该标签围绕一个有序列表,将显示为数字.

    这是一个有序列表的HTML代码示例:

    1. 清单项目1
    2. 清单项目2
    3. 清单项目3

    它在页面上的显示方式如下:

    1. 清单项目1
    2.  清单项目2
    3.  清单项目3

    图像和链接标签

    在我们分开之前,让我们快速看一下如何插入图像和链接。使用代码时,简单地查看代码然后填写您的信息也许会更容易:

    链接

    您的固定文字

    请勿删除网址周围的引号。只需在引号之间插入您的URL。您的定位文字是页面上显示的文字.

    让我们看一个例子。如果我想链接到以前的Hosting Kingdom文章,则代码应如下所示:

    您是否应该通过Web主机注册域?

    该链接将在页面上显示如下:

    您是否应该通过Web主机注册域?

    图片

    图像的代码如下所示:

    请注意,这是一个非容器标签,因此它没有结束标签,但是您确实需要src属性。您可以在此标签中添加其他内容,例如替代文本或大小定义。看起来像这样:

    ”YOUR

    同样,请确保您没有删除引号.

    注意: 您可能会看到可以用于同一事物的不同代码。例如,我看过 , , 和 标记用于加粗文本,尽管它们在各种浏览器中的显示方式可能不同.

    HTML不必看起来那么混乱。要练习HTML并获得更好的体验,请使用诸如 代码学院, 并在评论部分告诉我们.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map