# 做网页
我们要明确一点,制作网页并不只是将文本和图片放在网页上,一个好的网页应该具有吸引人的设计,清晰的布局,以及易于理解和使用的功能,我们将从简单的文本页面开始,逐步介绍如何制作一个完整的网页。
## HTML 基础
HTML 是制作网页的基础,它代表“超文本标记语言”,是用于描述网页内容和结构的标准语言,一个基本的 HTML 文件包括以下部分:
* ``:这是文档类型声明,它告诉浏览器这是一个 HTML5 文档。
* ``:这是 HTML 文档的根元素。
* ``:这是元信息的容器,元信息一般包括字符编码、文档标题、样式表和脚本链接等。
* ``:这是可见的页面内容,如文本、图片、视频、游戏、音频轨道等。
一个简单的 HTML 页面如下所示:
<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html>
在上面的代码中,`` 标签定义了网页标题,它在浏览器的标签页上显示,`` 标签定义了一个主要的页面标题,而 `` 标签定义了一个段落。
## CSS 基础
CSS 是用于描述网页样式的语言,它可以让你更改字体、颜色、间距、大小等页面元素,以下是一个简单的 CSS 样式:
body { background-color: lightblue; } h1 { color: white; text-align: center; }
在这个样式中,我们更改了 `` 元素的背景颜色,并将 `` 元素的文字居中对齐,颜色设为白色,要应用这个样式,可以将 `` 标签放在 `` 标签内,或者将 CSS 文件链接到 HTML 文件中。
## JavaScript 基础
JavaScript 是一种用于创建动态更新的交互式网页的脚本语言,以下是一个简单的 JavaScript 示例:
function greet() { alert("你好,这是一个JavaScript示例!"); }
在这个示例中,我们创建了一个名为 `greet` 的函数,当调用这个函数时,会弹出一个包含文本“你好,这是一个JavaScript示例!”的警告框,要在网页中使用 JavaScript,可以在 `` 标签内编写代码,或者将 JavaScript 文件链接到 HTML 文件中。