所有纱线的事情......到您的收件箱。在这里注册。

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,随后井号标签,然后为您创建的DIV ID节的名称。然后,链接会自动加载该URL,也跳转到页面的正确部分。

4.没有后续的联系

被链接的东西

我不知道所有谷歌已经就使用后续和nofollow的链接中的规则,但我用所有的赞助商链接nofollow的链接。我不nofollow的添加的那些都是我自己和那些纯粹的有机(不以任何方式支付或affliated)。虽然我不知道如果我连这样做吧!也有WordPress插件来为你做这个功能,但我喜欢我的使用插件的减少,这样一来,你确切地知道你已经设置为nofollow的哪个环节。

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

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

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

右括号之前添加诺信=”诺信”的任何标记。如果您使用官方Pinterest的悬停别起来按钮,使用此属性将不会展示在图像上,当有人徘徊的PIN按钮。

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.文本样式-颜色

<字体颜色= “蓝色”>文本 <字体颜色= “00FF00”>文本

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

所有这些技巧主要的是要尝试一下!不要害怕玩弄和实验,看看您的特定目的是什么在起作用。

33的评论

    • 赤卫

      谢谢海蒂!

      回复
  1. 克里斯汀

    位于台湾岛东北海面上,
    我爱你集极客和狡猾于一身!< 3
    没有pin和没有follow对我很有帮助。谁把大拇指钉上?:))
    非常喜欢!
    置顶!
    K -

    回复
    • 赤卫

      谢谢你克里斯汀!我实际上并不在我的“额外”博客图片上使用nopin。我想我只是希望人们不要烦扰我的博客图片和缩略图!

      回复
  2. 冬青瀑布

    如此有用的!当涉及到我的生意时,我想要独立。我需要技术帮助,这太棒了。我非常期待您的帖子加快您的网站!

    回复
    • 赤卫

      感谢冬青!该网站的速度一个肯定会采取一些研究,但我认为我们都知道谁可能会感兴趣的几个博客!

      回复
  3. 乔Turic

    “在WordPress中仅仅按下返回键并不总是像你想的那样工作”可能是我对WordPress最大的抱怨之一。我想在几乎每一篇博客文章中,我都必须手动调整html,因为不管你多少次点击回车,让它在预览窗口中看起来更漂亮,有时它会插入一些内容,有时不会。

    回复
    • 赤卫

      你不会相信多么沮丧我是那个小怪癖,而且它采取多久才能获得一些帖子格式正确无误。我觉得我可以这么多有效的,如果退货是回归!然后,作为文本和切换预览否定了手动编辑预览看起来不一样。我总是最终发布前调整的HTML权利。

      回复
  4. 斯蒂芬妮·安

    伟大的技巧!我还没听说过有什么代码可以让一张照片变得不可救药。我肯定会用这个来贴我的家庭照片。

    回复
    • 赤卫

      谢谢斯蒂芬妮!

      回复
  5. 西瑞

    伟大的信息!一个简单的问题,在加粗的东西,你说用“强”来打开,但“/加粗”关闭它。难道他们不应该是在开始和结束的同一个词?有关系吗?

    回复
    • 赤卫

      谢谢你接我的电话!校正就这么多了,对吧?你是对的,它应该结束,我已经修好了。

      回复
  6. 梅瑞迪斯@ unOriginalMom

    把这些都放在一个地方太有用了!!Definitely pinning and will be referring to often! Thanks, CheiWei!!

    回复
    • 赤卫

      欢迎您梅雷迪思!我很容易备忘单吸盘。我敢肯定,我会提到它自己呢!

      回复
  7. Blippitt

    哇,“诺信”的标签是金。我不知道这个问题的。我如果有一种方式来保持一定的图像被固定刚刚在想。完善。

    回复
  8. 斯泰西

    我认识其中几个,但不是全部。感谢这篇非常有帮助的文章!

    回复
  9. Tenns @新妈妈日记

    我对html很精通,但是有一个一站式的商店是很好的。非常感谢这篇文章!我真的需要为html快捷方式制作我自己的快速参考表。如果我这样做了,我就不用每次都跟他们谷歌!

    回复
    • 赤卫

      是的,这就是我一直在做的。google。现在我已经把它们写下来了,这也帮助我记住了它们!很高兴能为您服务

      回复
  10. 卡拉

    这是太棒了! !非常感谢你的分享!

    回复
  11. 沙龙

    你好,

    WordPress还是博客,最大的问题是什么?我对技术一点也不在行,我在WordPress上创建了一个博客,但是我被它吓到了。有人为我创造了它,但他已经不在了&我陷入了困境。我创建了一个非常基本的博客我自己,但想要它看起来如此多,它是什么,需要帮助,特别是与我的标题图片和一些其他项目。

    所以,我试图决定我是否应该放弃WordPress的切换到Blogger - 任何意见。

    沙龙

    回复
    • 赤卫

      我想这取决于你的目标是什么。如果你想保持简单,Blogger更容易自己维护,但是更复杂的功能通常需要硬编码到模板中。WordPress确实有点复杂,但是有插件可以做任何事情。WordPress也为网络曝光、SEO等提供了更多的支持,但也有很多大型博客在Blogger上。也许是个人偏好?

      回复
  12. 凯莉逻各斯

    你只要帮我这么多的答案,我一直在寻找我的新博客!

    谢谢分享!

    回复
    • 赤卫

      哇酷!别客气!

      回复
  13. 凯莉逻各斯

    谢谢分享!你刚刚回答了我一直在寻找的一个问题。

    回复
  14. 玛丽莲

    ChiWei,我对你所能做的一切感到震惊。你很有艺术天赋,很有创造力,也很精通技术…你真是太棒了!

    回复
    • 赤卫

      噢玛丽莲,非常感谢!你是最好的!

      回复
  15. 埃里卡

    我知道大部分的标签,但我不知道无针属性,谢谢你把它包含在帖子里!

    回复
  16. 纳米拉

    非常感谢你的分享,这对刚刚开始的我很有帮助。我成了粉丝了!

    回复
  17. 诺亚

    您好,一切是怎么回事很好地和ofcourse每一个都是共享
    事实,那真的很好,继续写upp。

    回复
  18. Manoj

    有趣的文章。我们在写博客的过程中经常使用这些标签。非常感谢你为他们创建了一站式商店。

    当心

    祝你今天愉快!

    回复

提交评论

您的电子邮件地址将不会被公布。必需的地方已做标记*