HTML 入门：写出你的第一个网页
【摘要】 面向新手的 HTML 入门短文：认识 html、head、body 三个基本标签，写出并打开你的第一个网页，并避开三个常见坑。
如果你想做一个自己的网页，HTML 就是起点。它不是编程语言，而是一种标记语言：用一对对标签把文字、图片和链接组织起来，浏览器读到这些标签，就知道该怎么把页面画出来。
先认识三个基本标签
<html>：告诉浏览器，这是一份网页。<head>：放网页的标题等信息，访客一般看不到这部分。<body>：放真正显示在页面上的内容。
标题用 <h1> 到 <h6>，数字越小字越大；一段文字用 <p> 包起来；想放链接就用 <a href="地址">文字</a>。
写出你的第一个网页
新建一个 index.html 文件，把下面这段代码原样粘贴进去：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>你好，网页！</h1>
<p>这是我用 HTML 写出的第一行页面内容。</p>
<a href="https://www.huaweicloud.com">去华为云看看</a>
</body>
</html>
在浏览器里打开它
直接双击这个文件，就能在浏览器里看到效果。改一个字、换一个标题，再刷新页面，变化马上就能看到——这种即时反馈，就是学 HTML 最友好的一点。
新手常踩的三个坑
- 标签没有成对出现：开始标签写了，结束标签别漏掉。
- 文件保存时用了错误的编码：第一行加上
<meta charset="utf-8">，中文就不容易乱码。 - 想一步写出完美页面：先让页面跑起来，再慢慢加样式和内容。
下一步可以学什么
页面结构清楚之后，可以学 CSS 给页面换上颜色和布局，再学 JavaScript 让页面动起来。但今天先做到一件事就够了：亲手写出并打开你的第一个网页。
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）