你是一个使用出版工具但想要更多控制的博客作者吗?一想到要手动编辑博客的HTML,你会有点紧张吗?这就像我想知道我的汽车引擎盖下发生了什么,希望什么都不会发生,也希望我永远不用在路边换轮胎。但如果你知道一些基本知识,就没那么可怕了!
下面是我经常使用的10个HTML标记,因此,正如它可能对您有用一样,这个列表也将对我有用。可以把它看作是您在写博客时可能使用的最常见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
- 列表项号2
关于这一点,我没有太多要说的。清单在很多方面都很有用。我应该把它们列出来吗?
9.文本样式—中心、粗体、斜体
—居中<居中>文本/图像居中居中>
——粗体文本为粗体
——斜体要斜体的文本
有时候你想做一个声明或写一个免责声明,或者你只是想这么做
从屋顶上喊!
10.文本样式-颜色
Text Text
最后两个技巧(#9和#10)是针对HTML 4样式的。许多人/网站已经转向HTML 5和CSS,而这些属性在HTML 5中无法工作。但是,我发现我仍然在我的小部件和工具条中使用它们编写代码。
最重要的是要去尝试一下!不要害怕尝试和实验,看看什么对你的特定目标有效。
这是如此的信息丰富和解释在最简单的形式!我在大学时学过html,但在没有接触过任何技术知识之后,我发现JavaScript让我无法抗拒。谢谢你再次提醒我!