跳转至

第一个例子

示例来自W3School TIY Editor

创建文件

本地任意一个文件夹下, 或者桌面处, 右键新建一个txt文件, 修改名字为a.html.注意windows上默认是不显示扩展名的, 比如你新建了txt文件, 全名应该是新建文件.txt.如果没有设置过显示扩展名, 你看到的是新建文件.这是你需要设置一下你的windows显示文件扩展名.

不想创建文件, 可以访问文章最前面的链接进行在线编写.

文件创建完毕后, 可以使用记事本编辑, 或者其他文本编辑器. 输入以下内容.

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

用浏览器打开

用浏览器打开a.html, 会出现这样的页面:

image-20220525185138795

解释

html文件的主要结构是这样的, 即一个<html></html>, 一个<head></head>, 一个<body></body>.

<html>

<head>
</head>

<body>
</body>

</html>

<head></head>里面一般写关于网页的相关信息, 比如这个例子的title. <body></body>一般写网页要显示的主要内容.

更多教程可以访问HTML 教程 (w3school.com.cn)