网站内容编辑器( 如何制作网页的标记语言——拨开坚硬的果壳?)

优采云 发布时间: 2022-03-11 07:04

  网站内容编辑器(

如何制作网页的标记语言——拨开坚硬的果壳?)

  

  本文所有图片均来自网站

  在当今的互联网时代,每个人都或多或少地连接到互联网。但是,无论您是以开发网页为生、想创建个人主页,还是只想让评论按预期出现,您都必须精通 HTML。在此基础上,为了让更多的童鞋能够了解web开发的语言,看穿web的“内幕”,我们将逐步拆掉这个硬壳。今天的第一课是关于如何制作网页,介绍网页标记语言——HTML。

  也许你有问题。现在互联网这么方便,在我们的博客网站上建立个人主页是很容易的,而且我们还没有发现需要使用HTML语言什么的。是的,但是如果你想制作自己的独立网页,就没有那么容易了,因为HTML是Web开发的基础,所以如果你不懂HTML语言,就只能叹息了。不过如果你有兴趣,可以跟着 Nutshell 从零开始学习,相信你会有所收获。

  上面的视频从选择文本编辑器开始,逐步介绍 HTML 文件结构,并介绍了您可能需要的一些相关内容。如果你仔细看,你一定对 HTML 页面有一个大概的了解。另外,如果你想学习HTML,还需要具备以下先决条件。

  先决条件

  用于编写 HTML 的纯文本编辑器

  用于测试 HTML 文件的网络浏览器

  对网页的工作模式感兴趣,想了解更多

  就是这样,你可以看到学习HTML的门槛很低,不用太多准备就可以开始学习编辑自己的网页了。

  选择纯文本编辑器

  要编写 HTML,首先需要一个纯文本编辑器。上述视频中使用的纯文本编辑器称为 TextMate,是付费的。作为新手,我们可以先选择一款免费的编辑器,比如 Notepad++ (Windows)、Kod (Mac) 或 Sublime Text(适用于 Windows 和 Mac)。如果对这些不满意,还可以选择其他编辑器,只要是纯文本即可。

  严格来说,纯文本一词在这里并不合适。纯文本定义为没有任何样式的文本、数字和标点符号。这意味着文本不能加粗、斜体、调整大小等。我们使用的纯文本编辑器可能会进行语法高亮以提高可读性,但它们不会将这些功能存储在文件中。所以我们需要的纯文本编辑器实际上是一个纯文本编辑器,而不是像 Microsoft Word 这样的东西。

  注意:为了在浏览器中正常显示,您需要将编辑后的文档保存为 .html 格式 - 例如“my_first_web_page.html”。编辑器中生成的 .html 文件也可以用浏览器打开。但是显示格式会很不一样。

  什么是 HTML 文档

  如果你理解了上面的内容,你可能已经猜到了 HTML——即超文本标记语言只是以浏览器可以根据语言规则识别的特殊格式保存的一堆文本。例如,网页上显示的图片仅被 HTML 文件引用,而不收录在 HTML 文件中。 HTML 文档的实际作用是为 Web 浏览器提供一组基于文本的可识别指令。

  接下来你会看到它是如何使用标签来实现各种功能的,比如通过标签在浏览器中显示图片,添加换行符等。下一节我们还会讨论CSS(Cascading Style Sheets)控制规则HTML 样式。现在您只需要了解 HTML 是为浏览器提供指令集的文件。

  什么是标签

  标签用于在HTML中标记页面上的特定元素,以便浏览器可以根据需要显示它。标签的样式如下:

  

  这对是 HTML 标签。整个 HTML 文档必须收录在此标记中。如您所见,所有标签都以小于号开头,以大于号结尾。它们之所以如此命名,部分原因是这些符号看起来像标签。

  你还会发现开始标签只收录 HTML 术语,而结束标签中的 HTML 前面有一个 /,表示它是结束标签。 HTML 标记告诉浏览器文档以 开头并以 结尾。大多数其他标签是相同的。例如,当您想要加粗文本时,可以使用以下标记:

  

  注意:还有其他加粗文本的方法,您应该注意不同方法之间的差异,这有时非常重要。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线