了解术语
你将很快编写代码来创建网页。
开始使用新技术时,需要熟悉不同的术语。 当你继续成长为 Web 开发人员时,词汇会扩展,但有一些核心概念可以帮助你入门。
网页和网站
网页、HTML 页或简单页面类似于电子书中的页面。 它们是显示信息的单个屏幕。 你可能会在页面上上下滚动,但该页面设计为类似数据的集合。 软件开发人员在 HTML 文件中创建页面。 文件就像在字处理器中创建的文档一样。 不使用英语或西班牙语等语言编写文件,而是使用专为网站设计的语言创建文件。
在 Web 开发中,网页可以是单个文件,也可以是将两个或多个文件组合在一起的结果。 在下一部分中,你将了解可用于创建网页的不同文件。
网站是一组页面。 当我们回到我们的电子书类比时,电子书本身将是网站。 它包含所有页面,用户一次读一页。 网站可以是单页、数千页和介于两者之间的所有内容。
阅读本单元时,你将阅读网页。 向上和向下滚动以检查所需的信息。 您最终会导航到其他页面以浏览下一个单元。 所有这些页面构成了Microsoft Learn 的网站。
创建网页
网页大多是用三种语言(超文本标记语言(HTML)、级联样式表(CSS)和 JavaScript 的组合创建的。 这些语言可能全部存在于一个文件中。 但它们可以跨多个文件进行分隔。 许多“助理程序”(称为框架)存在以帮助。 不过,它们的核心都是 HTML、CSS 和 JavaScript。
与所有程序一样,仅 HTML、CSS 和 JavaScript 也做不到很多(而且很难阅读)。 他们需要一个工具,可以“读取”他们,并知道该如何处理它们。 Web 浏览器就是此类工具的一个示例。
HTML
HTML 告知 Web 浏览器如何使用 标记处理页面上的信息。 标记以特定方式显示文本的某些部分。 某些文本需要 加粗 或 斜体。 某些文本需要位于表中。 HTML 标记告诉浏览器该执行什么操作。 如果希望浏览器以粗体显示某些内容,请在 HTML 中编写如下内容:
<strong>This is bold text</strong>
“strong”标记告知浏览器,两者之间的文本应为粗体。 在浏览器中查看文本时,它显示为加粗文本:
这是粗体文本
CSS
CSS 为页面添加了更多样式,例如要制作内容的颜色或要使用的字体。 CSS 功能强大,甚至可以告诉浏览器应该在页面上显示信息的位置。
Javascript
最后,JavaScript 允许对页面上的元素执行操作。 JavaScript 可以告知浏览器创建按钮或显示日期等内容。 但是,脚本还告知浏览器单击按钮时要执行的作,例如在表单中提交数据。
重要
本模块仅侧重于网页的 HTML 和单个文件。 随着开发人员的不断发展,你将了解如何将页面划分为多个文件,以及你为何决定执行此作。