如何使用 HTML 和 CSS

什么是 HTML 和 CSS？

HTML 代表“超文本标记语言”，CSS 代表“级联样式表”。它们一起告诉您的浏览器要显示什么（内容）以及如何显示它（演示）。

在过去的网络时代，HTML 包含内容和表示信息。例如，您可以使用 <b> 标记来指定粗体文本，并使用 <font> 标记来选择显示文本的字体。

然而，自从 CSS 被广泛使用以来，表示和内容现在可以分开了。按照惯例，HTML 应该只包含内容和标记，或者告诉浏览器正在显示哪种内容的标签。然后使用 CSS 将样式应用于该标记。

例如，一个 HTML 文档包含像 <h1>、<h2> 等标题标签，以及像 <p>（段落）这样的文本标签。然后使用 CSS 告诉浏览器“H1 标签应该是粗体和 24 磅，H2 标签应该是 18 磅和蓝色，段落文本应该是 12 磅 Arial”。

CSS 可以与 HTML 元素内联指定，例如 <p style=”text-color:blue;”>，也可以将其写入文档标题中的 <style> 标记内。然而，一个更强大的选择是使用外部样式表——一个可以在多个 HTML 页面上使用的单独的 .css 文件。这样一来，只需更新一个文件，就可以在整个网站上更改样式信息。可以更改整个站点的主题和布局，而内容保持不变。这部分是为什么使用像 WordPress 这样的内容管理系统 (CMS) 的网站可以很容易地通过安装一个新主题来重新换肤。

还可以在浏览器中使用 JavaScript 实时操作 CSS 和 HTML。这就是使现代响应式网站能够像传统桌面软件一样运行的原因。

为什么营销人员应该了解 HTML 和 CSS

如今，很少有人使用 HTML 和 CSS 从头开始​​编写自己的网站。这并不意味着在线营销人员学习它不重要。以下是了解 HTML 和 CSS 的营销人员可以完成的一些事情。

创建搜索引擎友好的内容

搜索引擎优化或 SEO 是任何在线营销策略的重要组成部分。它涉及创建被谷歌等搜索引擎高度排名的网络内容。但是搜索引擎如何知道哪些网页与给定的搜索查询相关？它必须依靠页面的 HTML 标记来确定。

搜索引擎抓取工具会读取标题标签、段落标签和其他线索（如图像替代文本）中的文本，以确定页面的内容以及它是否与正在搜索特定关键字的人相关。作为营销人员，了解如何正确使用 HTML 标签将帮助您制作对 SEO 友好且更有可能吸引自然搜索流量的内容。

搜索引擎在解释 CSS 方面也变得越来越聪明。谷歌现在评估页面的移动友好性并使用该信息来影响排名。Google 还可以检测有用的样式信息，例如在样式化的文本框中直接回答问题，以及不显示在页面上的文本等诡计。然后，它可以使用该演示信息对更有用的网站进行排名，并掩埋不可用的网站。

建立丰富的电子邮件

您正在设置电子邮件活动吗？尽管在某些情况下纯文本电子邮件有一些优势，但风格良好的电子邮件可以吸引注意力并提高点击率。所有现代电子邮件客户端都可以显示 HTML 电子邮件，因此您可以自由地向电子邮件添加图像、文本样式，甚至是响应式布局。

但是，有一些技巧可以让 HTML 电子邮件在不同的电子邮件客户端上看起来都不错。许多电子邮件营销工具允许您在不同的电子邮件客户端中预览您的电子邮件。了解 HTML 和 CSS 可以帮助您对邮件进行调整，使其在每个电子邮件平台和客户端上看起来都不错。

与设计师和开发人员合作

作为一名营销人员，您可能会与包括 Web 开发人员和设计师在内的团队一起工作或领导。尽管您可能无法用 HTML 和 CSS 做他们能做的事，但与他们使用相同的语言会很有帮助。

例如，您的设计师可能会问“这个着陆页上的 H2 是否足够大”或“DIV 应该向左浮动还是向右浮动”。如果您了解 HTML 和 CSS，那么这些陈述对您来说就很有意义，并且您将能够给出有帮助的答案。您还将更好地了解网页上的可能性，这意味着您可以更清楚地与您的团队交流您的想法。当放在一起时，这将使您的营销工作更有效，因为它更容易与您的受众建立联系。

建立自己的网站

另一种常见情况是你们是一个团队——但您仍然需要一种方法来将网站放在那里用作登录页面、博客或在线商店。幸运的是，在没有编码经验的情况下启动网站比以往任何时候都容易。WordPress、Squarespace 和 HubSpot 等平台让您无需编写代码即可轻松创建美观的网站。但是，了解一些 HTML 和 CSS 可以为您提供更多选择来自定义您的网站并使它看起来更漂亮。

这些平台允许您编辑 HTML 和 CSS 以调整页面的设计和布局。通过这种方式，您可以让您的网站看起来完全符合您的期望，并赋予它独特的风格，使您的网站脱颖而出。