码农教程 - 一技在手,衣食无忧! tools

HTML 简介

❮ 上一节 下一节 ❯

HTML 是用于创建网页的标准标记语言。

什么是 HTML？

  • HTML 代表HTML
  • HTML 是创建网页的标准标记语言
  • HTML 描述了网页的结构
  • HTML由一系列元素组成
  • HTML 元素告诉浏览器如何显示内容
  • HTML 元素标记内容片段，例如 "this is a heading"、"this is a paragraph"、"this is a link" 等。

一个简单的 HTML 文档

示例

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
亲自试一试 »

示例解释

  • 这个<!DOCTYPE html>声明定义该文档是 HTML5 文档
  • 这个<html>element 是 HTML 页面的根元素
  • 这个<head>元素包含有关 HTML 页面的元信息
  • 这个<title>元素指定 HTML 页面的标题（显示在浏览器的标题栏或页面的选项卡中）
  • 这个<body>元素定义文档的主体，是所有可见内容的容器，例如标题、段落、图片、超链接、表格、列表等。
  • 这个<h1>元素定义一个大标题
  • 这个<p>元素定义一个段落

什么是 HTML 元素？

HTML 元素由开始标记、一些内容和结束标记定义：

<标签名>内容在这里... </标签名>

HTML元素是从开始标记到结束标记的所有内容：

<h1>我的第一个标题 </h1>
<p>我的第一段。 </p>
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

笔记：某些 HTML 元素没有内容（例如 <br> 元素）。这些元素称为空元素。空元素没有结束标记！

网络浏览器

Web 浏览器（Chrome、Edge、Firefox、Safari）的用途是读取 HTML 文档并正确显示它们。

浏览器不显示 HTML 标签，而是使用它们来确定如何显示文档：

View in Browser

HTML 页面结构

下面是 HTML 页面结构的可视化：

<html>
<头>
<标题>页面标题</标题>
</头>
<正文>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另一段。</p>
</正文>
</html>

笔记：<body> 部分内的内容将显示在浏览器中。 <title> 元素内的内容将显示在浏览器的标题栏或页面的选项卡中。

HTML 历史记录

自万维网诞生之初起，HTML 就出现了许多版本：

Year Version
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2

本教程遵循最新的 HTML5 标准。


❮ 上一节 下一节 ❯