你晚上睡不着觉,想知道如何让更多人找到你的网站。
你可以向街上的陌生人寻求帮助,为你的新闻通讯添加图片。
你真的为破碎的链接流下了眼泪......
即使只是一点点代码也可以成为真正的救星。当您的帖子格式看起来很糟糕或者您的链接无法点击时,即使只有一两个HTML超级大国也可以让您抢救您的网站或简报,而不必向您的技术朋友发送求助信号…
别担心!HTML比看起来更简单。
超文本标记语言,或者更为人所知的HTML,只是一种编码语言,由告诉您的Web浏览器网页的每个部分是什么的元素组成。HTML标签只是每个元素的容器。
标签由尖括号和元素的名称或缩写组成。标签通常是成对出现的-左边是一个开头标签,左边是一个开始标签,一个开头标签(除了正斜杠以表示它是元素的末尾),就像这样</ >在右边。
而且,为了证明使用HTML标签是多么容易,我们将带您到这篇文章的幕后,看看您今天可以开始使用的5个HTML标签!这5个标签只需几次击键就可以将您的网站,甚至是您想要创建的精美电子邮件简报带到更高的级别。
5个必备HTML标签,适用于您的网站或简报
标题
由于两个主要原因,标题包含强大的冲击力。首先,搜索引擎使用标题标签来确定您网站最重要的内容。然后他们使用该信息为您的网站编制索引,或者让感兴趣的读者更容易找到您的网站。
其次,不同标题的内容以不同的大小显示。因此,它们具有标题或副标题的视觉效果,这有助于分解您的文本,以便所有那些人员可以快速浏览您的内容并仍然了解您的帖子的内容。
要使用标题,就像许多其他HTML标记一样,您只需要在您的标题中“嵌套”您在相应标题大小的开始标记和结束标记之间的文本,如下所示:
<h1>标签是最重要的标签,以最大尺寸显示。它通常保留用于网页的标题,或者在网站的情况下保留给特定页面的网站文章。
例如,<h2>标签用于网页或网站帖子中的子标题以指示不同的部分。
<h3>和<h4>标签然后用于其他部分,并且通常足够大,当向下移动页面时,读者的眼睛会产生一点“减速带”,而<h5>和<h6>标题不常见在简报的基础上使用但可能会像小脚一样派上用场。
链接
相关链接是经过深思熟虑的网站文章或引人注目的电子邮件简报的最常见补充之一。通过链接,您可以连接到精彩的内容,将您的观点带回家,为您的观众提供有趣的学习机会,甚至只是分享一些关于您自己或公司的信息。
HTML链接标记以<a href="">开头,代表“锚定超文本引用等于”。
然后,您要共享的链接介于这些引号之间。(顺便说一句-确保它们是直引号“” -不是卷曲引号“”。否则,你的链接将无效。提示那些眼泪!)
最后,在此之后,您可以(并且应该!)为您的读者提供实际可见和可点击的文本,并使用结束标记关闭整个文本:</a>
图片
使用<img>标记添加图像,使您的内容流行。使用更多HTML,您可以添加炫酷的格式,控制宽度或高度,或者-根据您的网站或简报模板允许的内容-在图像周围添加边框。
一旦图像进入我们的系统,就会给它一个链接,可以用来在我们网站或博客的HTML代码中引用它。该链接被视为我们的图像源,或HTML中的“src”,并在标记中放置引号以调用图像。
快速提示:搜索引擎无法“读取”图像。因此,请务必使用图像的简短描述填写图像标记的“alt”属性。这样,搜索引擎就会知道图像实际上是什么。如果您的图像由于某种原因无法由浏览器显示,那么这也将是显示的文本。
清单
有两种类型的HTML列表:无序列表和有序列表。
HTML列表中的项目均由<li>标记指定,并且一个列表的所有项目嵌套在无序列表的<ul>标记内或有序列表的<ol>标记中。
文字样式
如果您希望在文本中添加一些额外的功能,粗体和斜体可以提供您需要的多样性。
<strong>标记会为您的文字加粗。
<em>标签将使您的文字显示(或加重)。
而且,再一次,你所要做的就是将文本放在每个文本的开始和结束标记之间,这样你就可以了。
这很有趣,对吗?看,HTML是你的朋友!而且,和任何朋友一样,您越了解HTML,就可以获得更多的好时光。首先要挑战自己将这些标签应用到您的网站新闻简报中,然后您很快就会与您的新朋友HTML一起制作精美的内容。