作为数字营销人员，我们完全正确地被教导将代码留给那些研究过它的人——否则就会冒着激怒开发团队的风险。这是一个明确且受人尊重的界限；如果您不重写我们的副本，我们将不会触及您的编码。
大多数机构都是这种情况，他们有幸拥有营销和开发部门。
问题是，对于我们的“内部”或“客户端”兄弟姐妹来说，这不能这么说，他们手头通常没有开发支持。如果公司网站上的某些内容无法正常工作，他们可能会尝试自行解决错误。
什么是 HTML？
HTML 代表超文本标记语言，它是网页的标准标记语言。将 HTML 元素视为网页的构建块，每个元素都为页面结构添加了一些不同的内容。
HTML 元素位于<>标记中。它们有一个开始标签，例如用于段落的<p>和一个结束标签，在这种情况下应该是</p>。
为什么数字营销人员需要了解 HTML？
并不是说你需要了解 HTML，真的，绝对不需要达到建立网站和成为元素百科全书的水平。
99% 的时间您都在使用 CMS 构建预建网站，允许您添加或更新内容。CMS 为您完成工作。
但是，您不能总是依靠该系统来做您想做的事情，因此了解技术上可能出现的问题是很方便的。在SEO方面，这确实可以提高您对内容优化和技术 SEO 的理解，这是实践的四大支柱中的两个。
通过我们多年来的技术 SEO 工作，我们获得了一些非常有用的 HTML 知识，所有这些知识都适用于使用最流行的 CMS 选项——我们通常使用WordPress，仅供参考。
我并不是说我们可以从头开始创建一个网站，远非如此，但这确实意味着我们不必一直向开发人员寻求帮助。
因此，我们将一些常用的 HTML 分解为方便的部分，希望您从中学到一两件事。
内容
结构
表
形式
标头
奖金
内容的 HTML
大多数内容管理系统只需单击一个按钮即可轻松进行格式化，这与您的标准文字处理应用程序类似。但是，情况并非总是如此。即使是像 Wordpress 这样简单的 CMS 通常也有不提供此功能的块/字段，因此如果您想正确格式化您的内容，您将需要一些 HTML 标签的基本知识。
对于大多数格式化标签，HTML 的使用非常简单。在您希望应用格式的内容的开头，您将插入类似于<x>的内容，并将“x”替换为相关代码（例如，这将是粗体文本的 B ）。在您正在格式化的内容的末尾，您将再次放置相同的标签，但这次在代码前使用斜杠表示格式化部分的结束：</x>。
可以插入许多不同的东西来代替“x”——有些只是一个字母，有些是一段较长的代码。它们都有不同的功能，并提供有用的方法来格式化您的内容，而通常的按钮不可用。我们在下面详细介绍了一些最有用的内容 HTML 标记，以及有关如何以及何时使用它们的信息。
大胆，或坚强
<b> 或 <strong>
让我们从简单的开始。
粗体和强标签可让您突出显示重要的单词或文本部分。正如你所期望的那样，给出了他们的名字。
虽然<b>元素最初旨在以粗体显示文本，但新版本的 HTML 已经改变了它的含义。
<strong>元素用于更重要的内容，而<b>元素用于引起对文本的注意，但不表明它更重要。粗体文本可以表示两种不同的东西，因此有两种不同的标签。有点令人困惑，如果有疑问，我们只需在内容中使用<b>。
斜体
<i> 或 <em>
HTML <i>元素用于定义表示替代语音的文本部分，就像您刚才在脑海中阅读的替代语音一样。<i>中的内容通常以斜体显示。
HTML <em> 元素用于定义强调文本，该标签内的内容也以 斜体显示。
超链接
<一个>
能够向一段内容添加超链接是数字营销人员 HTML 库中最重要的工具之一。当正确锚定时，每个网页都有多个链接进出将证明对 SEO 活动非常有益，因此大多数内容管理系统使添加链接变得非常简单。
然而，在许多情况下，即使在 WooCommerce 这样的大型平台中，内容字段也仅限于短代码。在这些情况下，了解如何以老式方式添加链接非常重要。
超链接标签的第一段是<a href=。这段简短的代码定义了您正在开始一个超链接 ( <a )，并且您正在链接到一个 URL ( href= )。有关其他 <a> 标记属性的列表，请单击此处。
接下来，我们将添加目标 URL 并关闭初始<a>标记。<a href=” https://www.xxxx.com ”>。这已经给了超链接一个目的地，剩下的就是给它一个锚点。
锚文本是页面上的可见文本，单击该文本会将用户带到目标 URL。在短代码中，它是在关闭初始 <a> 标记之后和最终 </a> 之前添加以完成超链接。
图片
<图片>
任何在线内容的另一个主要部分是图像。几乎每个页面都有它们，并且与超链接一样，大多数 CMS 都可以让您轻松上传它们。但是，您如何将图像上传到没有“添加图像”按钮的页面或帖子？
我们从<img标签开始，它将以下行定义为图像。接下来我们必须告诉页面在哪里可以找到选择的图像。此处需要输入的内容取决于所使用的 CMS，但在大多数情况下，它将是媒体库中项目的 URL。在任何情况下，您都必须使用前缀<img src= < 后跟 URL 或文件名。
定义了源之后，您现在必须为图像提供替代文本，以在图像不能显示时显示。对于数字营销人员来说，这是一个重要的步骤，因为 alt 标签可能是一个包含关键字以获得更好的 SEO 的好机会。要添加替代文本，您必须编写以下内容：<img src=” www.xxxx.com ” alt=”示例关键字”
添加图像的最后一个关键步骤是设置大小。当您将图像添加到页面或帖子时，您实际上并没有将图像放在页面上，而是创建了一个空间以供链接和显示。因此，我们需要确保页面为图像留出足够的空间。通过事先检查图像的像素尺寸，您现在可以指定要保留该尺寸的空间。<img src=” www.xxxx.com ” alt=”示例关键字” 宽度=”100” 高度=”100”>。
视频
<视频>
视频是任何内容营销策略的重要组成部分，这已不是什么秘密。越来越多的企业正在利用视频以一种易于消化的方式接触目标受众，并最终提高参与度。
视频不仅非常适合接触客户和建立品牌的在线形象，而且对于促进您的 SEO 工作非常有益。将视频添加到您的现场内容可以提高点击率、降低跳出率并增加获得高质量反向链接的机会。
因此，作为数字营销人员，您会想知道如何将视频内容嵌入到您的博客文章或页面中。
这里的关键是确保您以允许在页面内播放的方式添加视频，以使用户留在您的网站上。HTML 视频元素<video>正是这样做的。
我们从<video标签开始，它将以下行定义为视频。然后，我们用我们想要视频显示的正确像素大小打开它，所以：<video width=”320″ height=”240″ controls>
与上面的 img 标签类似，我们将在下一行代码中定义视频的来源，即：<source src=”/uploads/media/video.mp4″ type=”video/mp4″> before close带有</video>标签。
完整的代码将如下所示：
<video width="320" height="240" 控件>
<source src="movie.mp4" type="video/mp4">
段落
<p>
到目前为止，最简单，也可以说是最重要的 HTML 标记，<p>将一段文本定义为段落或正文。在任何给定的页面或帖子上，绝大多数标准的、普通的、普通的文本都将被<p>和</p>括起来。
对于数字营销人员来说，了解这个标签的含义很重要，因为段落文本是 SEO 阶梯的底部，并且是搜索引擎爬虫会注意到的最后一种文本。出于这个原因，请确保在添加内容时，您的标题标签中有足够的关键字，并且它们已被用于有效地将大量段落文本分解为相关部分。
嵌入
<嵌入>
如果您想创建丰富、引人入胜且具有视觉吸引力的内容，那么知道如何在您的博客帖子中嵌入社交媒体帖子将会改变游戏规则。嵌入本质上是一种将外部内容插入博客的方式。
在数字营销中，确保您的跨平台策略协同工作非常重要。这意味着，如果您创建了与最新博客相关的社交内容，将其嵌入帖子本身不仅可以丰富您的书面内容，还可以提升您的社交资料。或者，该功能可用于嵌入您的用户可能觉得有用的外部来源的内容。
HTML embed 标记遵循与我们之前讨论过的相同的原则，以<embed>和</embed>开头以关闭。但是，您不太可能需要自己编写源代码，因为社交媒体网站会为您生成它。提示：在寻找嵌入图像或视频时，最好使用上面的 <img> 或 <video> 标签。
块引用
<块引用>
使用块引用元素可以帮助区分引用与主体内容。它可用于插入来自外部来源的评论或引用，通常设计为通过缩进在视觉上看起来不同，可能使用不同的文本格式或背景以使其脱颖而出。
我们用<blockquote>标签开始一个块引用。在插入引号并以</p></blockquote>结束之前，它的前面是段落<p>标记。
这是一个例子：
<块引用>
<p>“在此处插入报价”</p>
</blockquote>
如果您希望将引用链接到外部来源，您可以在引用本身之前引用链接，方法是将开头更改为<blockquote cite= ”source.com” >。
本文地址：
http://www.njanyou.cn/news/6269.html
Tag：
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
如何撰写完美的品牌简介
下一篇：
构建完美的主页：所有必备功能
