写博客 101：博客文章的基本HTML

作为任何人’使用WordPress并意外地在文本选项卡上结束时知道，HMTL编码看起来异常复杂且难以掌握。如此多的人正在学习如何编码，并选修课程来学习我们可能要做的每件事，以创建一个功能强大的惊人网站。但是那边’我们其余的人’尽管能够编写整个页面，但人们的头脑却一团糟。所以在这里’s some quick ‘basic’HMTL技巧，可用于您的博客需求，而无需花大钱！

建立连结

WordPress的易于使用，并且可以为您创建链接，无论您只是复制并粘贴链接还是使用页面顶部的链接按钮。但是了解如何也通过HTML添加链接总是有用的。您使用以下内容：

<a href=”网址”>TEXT</a>

看起来像这样： 文本 （URL是此页面）

当使用图像而不是文本时，这是相同的。只需更改为以下内容，然后使用您图片中的图片网址’ve uploaded.

<a href=”网址“><img src=”IMAGE 网址” /></a>

例如，在文本模式下，此帖子的标题如下所示：

<a href=”//www.0470y.com/blogging-101-basic-html-for-blog-posts”><img src=”//www.0470y.com/755/2018/04/25.png” /></a>

没有关注链接

如果你’与品牌合作并使用付费链接，那么您应该知道该链接’当搜索引擎抓取您的网站时，应将标记为“没有关注”。这意味着这些传出链接不是’SEO为您的网站排名URL时使用的’链接到的。 rel =”nofollow”部分应显示在网址之后，但在>在代码中才能正常工作。

<a href=”网址” rel =”nofollow” >TEXT</a>

电邮连结

以及通常的网址’您还可以链接到电子邮件地址，以便Outlook自动打开指向该地址的新电子邮件。只需使用‘mailto:’在电子邮件地址之前添加前缀，并用作常规URL。这也可以用于图像。

<一个href =“ mailto：EMAIL ADDRESS”>TEXT</a>

嵌入图片

HTML不仅可以帮助您添加图像链接，还可以使您添加更多信息或格式化说明。您可以通过以下方式通过HTML添加替代文本：

<img src =“图像URL” alt =“ ALT文本”>

Alt文本用于网站访问者，他们可以’在浏览器中看不到图像，它还可以帮助视障人士和使用屏幕阅读器的人。它还使搜索引擎能够改善您的SEO。‘read’图片显示了什么。

您还可以使用HTML调整图像大小。通过添加宽度和高度像素，您可以选择将图像更改为页面上的特定大小。您也可以使用此方法制作1x1像素的图像‘invisible’吸引访问者，但将图片固定到Pinterest时仍然可以查看。

<img src=”IMAGE 网址” width=”X” height=”Y” />

桌子

表格对于博客设计者来说是一个方便的小功能– and I used 表s for my monthly book release list.

HTML表格以<table> tag. Each 表 row is defined with the <tr> tag. A 表 header is defined with the <th> tag. By default, 表 headings are bold and centered. A usual 表 cell is defined with <td>.

<table>
<tr>
<th>Top Left Cell</th>
<th>Top Right Cell</th>
</tr>
<tr>
<td>Bottom Left Cell</td>
<td>Bottom Right Cell</td>
</tr>
</table>

在文本选项卡中使用时，显示为：

如果你 don’不想，那么你不’t need to use a 表 header tag at all and the 表 can be all <td> tagged.

您还有其他用于博客文章的快速HTML修复程序吗？