百度前端技术学园

# 零基础体验

# 前言

# 课程目标

通过第一天的学习，我们初步了解了什么是前端。今天我们正式进入 HTML 世界，今天您将学会制作一个最简单的 HTML 页面。我们希望你能够通过简单的实践，更加清楚地了解 HTML 是什么，HTML5 是什么，掌握 HTML 文档结构以及 HTML 标签和属性。

# 阅读学习

首先我们来认识一下什么是 HTML

接下来我们来看看什么是 HTML 标签和 HTML 属性

在您向页面中添加内容之前，您需要先掌握 HTML 文档的基本结构。
阅读以下文档，了解 html 文档的基本组成结构

# 任务作业

现在我们来检验一下您今天的学习情况，我需要你创建属于你的第一个 HTML 页面

  • 实现步骤
    1. 如果您是新手不知道怎么创建一个 HTML 页面您可以参考创建 HTML 页面步骤教程 (opens new window) 。如果您想快速练习您还在可以在codeopen (opens new window)进行代码的在线练习。 2.首先编写 HTML 基本结构,包括 doctype ,<html>，<head>,<body>,如果您不太熟悉可以参考上面学习中 HTML 文档结构部分的内容，自己敲一遍.
    2. 在 <body> 标签中添加一个 <p> 标签,内容为'我的第一个页面'

# 自测问题

今天代码部分其实比较简单，主要是多尝试，学习之后，回顾以下自己是否已经掌握以下概念：

  • 说说你理解的 HTML 是什么？
  • HTML 元素标签、属性都是什么概念？
  • 文档类型是什么概念，起什么作用？
  • <meta> 标签都用来做什么的？
  • HTML 文档的结构组成是怎样的？
  • <title>里面的内容会显示出来吗？

# 总结

找一个你可以记录笔记的地方，可以是电脑里的记事本或是手边的笔记本（不做任何限制），记录下今天的学习笔记，包括以下内容：

  • 日期，今天的学习总用时，今天学习的目标是什么，是否达成
  • 哪些东西今天了解得比较透彻，说说自己的理解
  • 哪些东西今天了解到了一些，还有哪些点需要后续继续深入阅读
  • 哪些东西今天学了之后还有很多疑问没有被解答，把问题记录下来，以待后续解决

    如果你有余力，不妨去 W3C 读一些英文文章 (opens new window)。或者阅读下面的材料，丰富一下自己的知识

# 拓展阅读

# 预告

下一节我们会学习 HTML 最基本的标签。

← 给自己做一个在线简历 →