爱学习AIXUEXI 好奇心,永远在线
Web 入门 · 约 8 分钟

认识 HTML:网页的骨架

每一个复杂的网站,都从几个简单的标签开始。HTML 用来描述页面里有什么,以及这些内容之间的关系。

01

网页是怎样组成的?

HTML 是超文本标记语言。浏览器读取 HTML,把标签转换为我们看到的页面。h1 表示最重要的标题,p 表示一段文字,a 表示链接。标签的意义比它的默认外观更重要。

02

写一个最小页面

把下面的内容保存为 index.html,用浏览器打开。修改标题和段落,再刷新页面,你就完成了一次最小的开发循环。

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>我的学习笔记</title>
  </head>
  <body>
    <h1>今天开始学习</h1>
    <p>每天进步一点点。</p>
  </body>
</html>
03

让内容更容易理解

优先选择有意义的标签:导航使用 nav,主要内容使用 main,按钮使用 button。图片要提供描述性的 alt 文字。清晰的结构既方便人阅读,也帮助辅助技术理解页面。

动手试一试

让知识变成你自己的。

试着增加一个 h2 小标题,并用 a 标签链接到你喜欢的学习资料。

读完之后,给自己的进步做个记录。

← 返回课程目录