HTML 简介

html > 教程 > 简介

简介

对于互联网人来说，HTML 是必须学的，也是了解互联网的第一步。

这是小白的 HTML 新手教程，基于最新的 HTML 5。

我们开始吧！

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>肥猫教程</title>
  </head>
  <body>
    <h1>标题</h1>
    <p>内容</p>
  </body>
</html>

注意: 对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8

<title> 元素描述了文档的标题

<body> 元素包含了用户可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

HTML 是用来描述网页的一种语言

HTML 指的是超文本标记语言: HyperText Markup Language

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>

HTML 标签通常是成对出现的，比如<b>和</b>

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

浏览器（如谷歌浏览器，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，是根据标签来决定如何展现HTML页面的内容给用户。

下面是一个可视化的HTML页面结构

只有<title>和<body>区域 (白色部分) 才会在浏览器中显示

声明是不区分大小写的，以下方式均可

<!DOCTYPE html>  我们通常会用这个

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>