你是一个使用发布工具但想要更多控制的博客作者吗?一想到要手动编辑博客的HTML,你会不会有点紧张?这就像我想知道我的汽车引擎盖下发生了什么,希望永远不会有什么东西坏掉,也希望我永远不会在路边换轮胎。但如果你知道一些基本知识,就不会那么可怕了!
这里有10个我经常使用的HTML标签,所以就像它可能对你有用一样,这个列表对我也有用。可以把它看作是博客中最常用的HTML标签的一站式商店。只要把这篇文章加到书签里,当你需要一点复制粘贴功能的时候就来看看吧!
1.手动插入图片
当您需要将图像或按钮添加到您的侧边栏或交使用这个标记。要查找图片的URL:
WordPress:寻找你的媒体库中的图像。该URL应该被列出。
博客:打开一个新的空位置。上传并插入图像到该职位,并查看HTML。URL基于一个谷歌Picasaweb位置,因此文件的名称不是那么简单。
您还可以使用标记周围的其他标记来格式化此图像,例如添加一个超链接。
2.超链接
一个链接 事
- 使图像超链接
使文本超链接此文本被链接
难道我们都有链接,而我们的耳朵出来?链接到当事人,对老的帖子,朋友的博客,社交媒体。这很容易在博客中与小链链接图标做的,但如果你有什么需要手动添加一个在你的侧边栏?
这是写在和标记之间的内容将会链接。在“什么”可以是一个图像或纯文本。为了让更多的乐趣,你也可以的风格和格式,内文的和的标签,如使其粗体或斜体字(见9)。
3.链接到页面的一部分
——在页面的特定位置
——当你想链接到“Page_section_ID”时,使用修改后的URL 文本
在我项目画廊我想链接到每家画廊的特定部分,而不是总在页面的顶部。要做到这一点,在您的网页上所期望的破发点与部分的名称创建一个div ID标签。然后,当您创建超链接,链接到网页的URL,随后井号标签,然后为您创建的DIV ID节的名称。然后,链接会自动加载该URL,也跳转到页面的正确部分。
4.没有链接
对象
我不知道所有谷歌已经就使用后续和nofollow的链接中的规则,但我用所有的赞助商链接nofollow的链接。我不nofollow的添加的那些都是我自己和那些纯粹的有机(不以任何方式支付或affliated)。虽然我不知道如果我连这样做吧!也有WordPress插件来为你做这个功能,但我喜欢我的使用插件的减少,这样一来,你确切地知道你已经设置为nofollow的哪个环节。
只需在任何标记的右括号前添加rel= " nofollow "。
5.不允许这个图像的别针
我知道Pinterest的是相当大的在这里,但有时你可能会发布你不想发给遗忘和背部......像你的家人的照片图像。有没有万无一失的方法,从拍摄这些照片的人望而却步,但你可以把它只是一点点更难通过添加诺信属性。这至少可以防止有人从图像容易寄托于Pinterest的。
在右括号之前将nopin= " nopin "添加到任何标签。如果您使用官方的Pinterest鼠标悬停Pin It按钮,那么使用这个属性将阻止Pin It按钮在有人悬停图像时显示出来。
6.表
TD> | TD> TR> |
TD> | TD> TR> TBODY> TABLE>
表!看起来复杂,但不是真的,并为一个漂亮干净的外观。在“TR”是你的行和“TD”是你的专栏。首次启动行,并列出所有列。然后关闭该行并在下一个开始。除非另有规定,在每个单元的图像决定了电池,如果你想要一个漂亮甚至行或列该装置的尺寸,图像应该是相同的大小。否则,你会看到随机空白,其中一个形象并不完全与另一个会面。要看到更多的格式化表格,签出W3学校。 7.换行符或 , 有时(像在WordPress,GRR),只需按下回车键不工作,你希望它工作的方式。我用这两种方法的混合强制段落间的换行和额外的间距。 8.项目符号列表——无序列表
——编号列表 我没有一大堆说这一个。列出派上用场的原因有多种。我应该把它们? 9.文本样式-中心,粗体,斜体文本/图像居中 - 粗体文字为粗体强> ——斜体文本要斜体化 有时你想做一个声明或写一个免责声明或者你只是想这么做 从屋顶喊! 10.文本样式-颜色文本 文本 最后两个技巧(#9和#10)是关于HTML 4样式的。很多人/网站已经迁移到HTML 5和CSS,这些属性在HTML 5中不起作用。但是,我发现我仍然在我的小部件和边栏中使用它们作为代码。 所有这些技巧的主要目的是尝试一下!不要害怕尝试,看看什么适合你的特定目的。 评论留下一个回复加入我们的邮寄名单订阅下面的最新模式发布和特别推广,直接发送到您的电子邮件收件箱。 感谢订阅! |
Apeksha说
这是如此的丰富和最简单的形式解释!我学会了HTML在我的大学时代,但对技术的东西没有接触后,我发现JavaScript的铺天盖地。谢谢你再次提醒我!