HTML/CSS 教程

HTML/CSS 是一门常用的编程语言,本教程用最短的路径带你把环境跑起来、把第一个程序跑通。

示例都可以直接复制运行,不需要额外的构建工具。

每节末尾都有可运行的代码和输出结果,对着敲一遍比只看要快。

我的第一个 HTML/CSS 程序

以下我们通过一个简单的实例来展示 HTML/CSS 编程,创建文件 index.html,代码如下:

实例

<!DOCTYPE html>
<html lang="zh-CN">
<body>
    <h1>Hello World</h1>
</body>
</html>
注意:HTML 的属性值用双引号,标签要成对闭合;样式写在 <style> 里或单独的 .css 文件都行。

运行以上实例,输出结果如下:

用浏览器打开 index.html,页面上会显示一行 Hello World

执行命令解析:

第一行命令负责把源码交给 HTML/CSS 运行时执行,后面的参数是文件路径。

如果命令提示找不到文件,先确认当前终端的工作目录是否与源码所在目录一致。