学习使用 HTML 和 CSS 制作大多数网页的方法。

当您查看网页时,您或许会好奇网页的制作流程。要显示网页,您的 Internet 浏览器会读取并解析特定指令集。这些指令主要通过两种语言编写:HTML 和 CSS。

万维网联盟 (World Wide Web Consortium, W3C) 为这些语言定义 Web 标准或规范。了解 Web 标准至关重要,做到这一点可确保不同 Web 浏览器精确显示您的网页。Dreamweaver 融合多元功能,支持您基于最新 Web 标准构建网页。我们来看看如何同时利用 HTML 和 CSS 制作网页。

anatomy-website_1408x792

什么是 HTML?

网页显示内容并且拥有由 HTML 定义的底层结构。内容可包括文本、图像、链接,甚或音频和视频。大多数 HTML 元素通过使用起始的 <element> 和结尾的 </element> 标签编写。这些标签告诉浏览器要显示的内容类型。这些标签以特定顺序编写,用于定义页面结构。 下方示例显示三种常见 HTML 标签。

  • <H1> 指定标题文本,用于制作网页标题
  • <p> 指定段落文本,用于制作正文文本
  • <img> 显示 src(源文件)指定的图像

注意:该示例中将 HTML 以大写显示,是出于更清楚阐明概念的目的。然而,当您对自己的网页进行编码时,最好用小写格式编写 HTML 标签。

HTML 是什么?

什么是 CSS?

HTML 为您的网页提供基本结构,但无法提供多样化样式或布局自定义功能。最终,您想要在您的网页上添加颜色、格式文本和图像以及重新定位元素。CSS 是配合 HTML 使用的语言,用于将该样式和格式应用至您的网页。用 CSS 查找一个或多个 HTML 元素,然后提供更多元素处理指令,例如更改元素颜色或页面居中元素。

下方示例显示如何使用 CSS 更改这三个 HTML 元素的外观。

  • h1 标题文本居中对齐。
  • p 对段落文本进行标红、标粗以及居中对齐操作。
  • img 将图像大小调整为 150px X 100px。
什么是 CSS
11/25/2019

教程作者:Jonathan Petersen

此页面是否有帮助?