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

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

这里有10个我经常使用的HTML标签，所以就像它可能对你有用一样，这个列表对我也有用。可以把它看作是博客中最常用的HTML标签的一站式商店。只要把这篇文章加到书签里，当你需要一点复制粘贴功能的时候就来看看吧!

1.手动插入图片

当您需要向侧栏或文章添加图像或按钮时，请使用此标记。找到你的图片的网址:

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

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

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

2.超链接

链接的东西

——使一个图像超链接

使文本超链接此文本被链接

我们都有来自我们耳朵的链接吗?链接到聚会、旧帖子、朋友的博客、社交媒体。在一篇博客文章中使用那个小链接图标很容易做到，但是如果你需要手动地在你的侧边栏中添加一个链接呢?

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

3.链接到页面的一部分

——在页面的特定位置

——当你想链接到“Page_section_ID”时，使用修改后的URL 文本

在我项目画廊在美国，我喜欢链接到每个画廊的特定部分，而不是总是链接到页面的顶部。为此，在页面上所需的断点处创建一个div id标记，并使用节的名称。然后，当您创建超链接时，链接到页面的URL，后面跟着一个hashtag，然后是创建div id的部分的名称。

4.没有链接

对象

我不知道谷歌关于使用follow和nofollow链接的所有规则，但是我在所有赞助链接上都使用nofollow链接。我没有加的那些是我自己的，那些是纯有机的(不是付费的，也不是以任何方式附带的)。尽管我不确定我这样做是否正确!也有WordPress插件可以为你实现这个功能，但是我喜欢尽量少使用插件，这样你就可以知道你设置了哪些链接为nofollow。

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

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.项目符号列表

——无序列表
 
list item前面会有一颗子弹
 
list item
 

——编号列表
 
list item number 1
 
list item number 2
 

关于这个我没什么好说的。列表的便利有很多原因。我应该把它们列出来吗?

9.文本样式-中心，粗体，斜体

文本/图像居中

——粗体<强>文本要粗体

——斜体文本要斜体化

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

从屋顶上大喊!

10.文本样式-颜色

文本 文本

最后两个技巧(#9和#10)是关于HTML 4样式的。很多人/网站已经迁移到HTML 5和CSS，这些属性在HTML 5中不起作用。但是，我发现我仍然在我的小部件和边栏中使用它们作为代码。

所有这些技巧的主要目的是尝试一下!不要害怕尝试，看看什么适合你的特定目的。