所有有趣的东西…都在你的收件箱里。在这里注册。

10个基本的HTML标签为博客:一站购物!

通过|博客

你是一个使用出版工具但想要更多控制的博客作者吗?一想到要手动编辑博客的HTML,你会有点紧张吗?这就像我想知道我的汽车引擎盖下发生了什么,希望什么都不会发生,也希望我永远不用在路边换轮胎。但如果你知道一些基本知识,就没那么可怕了!

下面是我经常使用的10个HTML标记,因此,正如它可能对您有用一样,这个列表也将对我有用。可以把它看作是您在写博客时可能使用的最常见HTML标记的一站式购物中心。只要把这篇文章加到书签上,当你需要一个小小的复制粘贴动作时就可以开始了!

10个基本的博客HTML标签

1.手动插入图片

当你需要在侧边栏或文章中添加图片或按钮时,使用这个标签。要找到你的图像的网址:

WordPress:在媒体库中寻找图像。URL应该被列出。

博客:打开一个新的空帖子。上传并插入图像到post中,然后查看HTML。该URL基于谷歌Picasaweb位置,因此文件的名称不那么简单。

您还可以使用标记周围的其他标记来格式化此图像,例如添加超链接。

2.超链接

链接的东西
——制作一张超链接的图片
-使文本超链接

我们的耳朵里都有链接吗?!链接到派对,旧帖子,朋友的博客,社交媒体。在博客文章中使用小链接图标很容易做到,但如果你需要在侧边栏中手动添加一个呢?

标签之间编写的任何内容都将被超链接。“任何东西”都可以是图像或纯文本。为了使其更有趣,您还可以对标记内的文本进行样式化和格式化,例如将其加粗或斜体(参见#9)。

3.链接到页面的一部分

——在页面的特定点
——当你想链接到"Page_section_ID"时,使用修改后的URL Text

在我项目画廊,我喜欢链接到每个图库的特定部分,而不是总是链接到页面的顶部。为此,在页面上所需的断点处用节的名称创建一个div id标记。然后,在创建超链接时,链接到页面的URL,然后是hashtag,然后是为其创建div id的部分的名称,然后,链接将自动加载该URL,但也会跳转到页面的正确部分。

4.没有链接

被链接的东西

我不知道所有的规则,谷歌已声明关于使用follow和nofollow链接,但我使用nofollow链接在所有赞助链接。我没有添加nofollow的是我自己的和纯有机的(没有支付或以任何方式affliated)。尽管我不确定我是否做对了!也有WordPress插件可以帮你完成这个功能,但是我想尽量减少使用插件,这样,你就可以清楚地知道哪些链接设置为nofollow。

只需在任何标签的右括号前添加rel= " nofollow "。

5.不允许这个图像的大头针

我知道Pinterest在这里相当大,但有时你可能会上传一张你不想被遗忘的照片,比如你的家人的照片。没有万无一失的方法可以阻止某人拍摄这些照片,但是您可以通过添加nopin属性来稍微增加难度。这至少可以防止有人轻易地将图片钉在Pinterest上。

将nopin= " nopin "添加到任何标签的右括号前面。如果你使用官方的Pinterest鼠标悬停Pin It按钮,使用这个属性可以防止当有人悬停在图片上时Pin It按钮显示出来。

6.表

tbody > <表> < < tr > < td > < img src = " URL的图像“> < / td > < td > < img src = " URL的图像“> < / td > < / tr > < tr > < td > < / td > < td > < / td > < / tr > < / tbody > < /表>

表!看起来很复杂,但不是真的,而且看起来很干净。tr是你的行,td是你的列。首先启动行,并列出所有列。然后关闭这一行,开始下一行。除非另外指定,否则每个单元格中的图像将指定单元格的大小,这意味着如果您希望使用均匀的行或列,则图像的大小应该相同。否则,您将看到一个图像与另一个图像不完全相遇的随机空白。要了解更多关于表格格式化的内容,请查看W3学校

7.换行符



,

有时候(比如在WordPress, grr中),仅仅按下返回键并不能按照你想要的方式工作。我混合使用这两种方法来强制换行和段落之间的额外间隔。

8.项目符号列表

——无序列表
  • 列表项前面有一个项目符号
  • 列表项
—编号列表
  1. 列表项号1
  2. 列表项号2

关于这一点,我没有太多要说的。清单在很多方面都很有用。我应该把它们列出来吗?

9.文本样式—中心、粗体、斜体

—居中<居中>文本/图像居中
——粗体文本为粗体
——斜体要斜体的文本

有时候你想做一个声明或写一个免责声明,或者你只是想这么做

从屋顶上喊!

10.文本样式-颜色

Text Text

最后两个技巧(#9和#10)是针对HTML 4样式的。许多人/网站已经转向HTML 5和CSS,而这些属性在HTML 5中无法工作。但是,我发现我仍然在我的小部件和工具条中使用它们编写代码。

最重要的是要去尝试一下!不要害怕尝试和实验,看看什么对你的特定目标有效。

33的评论

  1. Apeksha

    这是如此的信息丰富和解释在最简单的形式!我在大学时学过html,但在没有接触过任何技术知识之后,我发现JavaScript让我无法抗拒。谢谢你再次提醒我!

    回复

提交评论

您的电子邮件地址将不会被公布。必填字段被标记*