公告:
  • 要报名培训 PHP 的同学抓紧时间了,黎老师手把手教学,现在报名白菜价了 [2017-08-25]

准备篇

HTML(Hyper Text Markup Language)超文本标记语言。HTML 是采用标记的形式表示数据的意义和关系的。

认识HTML

HTML 有多个版本,本教程讲述的是 HTML5,HTML5 是目前最新的版本。

看一组代码示例认识 HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>古诗两首</title>
</head>
<body>
    <h1>静夜思</h1>
    <p>窗前明月光,</p>
    <p>疑似地上霜。</p>
    <p>举头望明月,</p>
    <p>低头思故乡。</p>
    <hr>
    <h1>泊船瓜洲</h1>
    <p>京口瓜洲一水间,</p>
    <p>钟山只隔数重山。</p>
    <p>春风又绿江南岸,</p>
    <p>明月何时照我还。</p>
</body>
</html>

如上面的代码示例那样,HTML 就是有这些标记组成的。这是一份 HTML5 文档。

<!DOCTYPE html>」是文档声明,表示这是一份 HTML 文档,因为机器读取时,机器第一个想知道的信息就应该是文档类型,这样才知道怎样去解析这份文档,所以文档声明第一要写在首行的顶格位置上。

标签

看下图,认识什么是标签

HTML片段