HTML简介

什么是 HTML？

超文本标记语言(Hypertext Markup Language, HTML)是一个可以用来结构化 Web 内容并给予其含义和目标的编码语言。

HTML并不是真正的的程序语言，它是一种标记语言
它由一系列的元素（elements）所组成，不同的元素各有功用。

例如，<p> 用于表示段落

<p>My cat is very grumpy</p>

元素可以有属性(Attribute)，比如以下这个 <p> 元素就有一个 class 属性，它的值是 editor-note。

嵌套元素

<p>我们是祖国 <strong>美丽的</strong> 花朵🌺。</p>

空元素

空元素没有内容，比如 <img>，它被用来嵌入一张图片。

<img src="images/flowers.png" alt="祖国的花朵们">

一个HTML文档的基本结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>李白的博客</title>
  </head>
  <body>
    <img src="images/libai.png" alt="李白饮酒作诗图">
  </body>
</html>

<!DOCTYPE html> — 文档类型，写成 <!doctype html> 也行。
<html></html> — <html> 包含整个页面的内容。
<head></head> — <head> 包含页面描述，CSS样式等，但不会被用户看到。
<body></body> — <body> 包含了你想被用户看到的内容。
<meta charset="utf-8"> — 指定文档的字符编码为 UTF-8。
<title></title> — 设置页面的标题，显示在浏览器标签页上。

快捷键：在 VSCode 中输入 ! 并按 Tab 键，就会出现一个基本的 HTML 文档。更详细的用法参考emmet 快捷键

发展历史

超文本标记语言（第一版）——在1993年6月发为互联网工程工作小组（IETF）工作草案发布（并非标准）
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准
HTML 5.0——HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定

HTML文本

标题与段落

HTML 包括六个级别的标题， <h1> – <h6>。
通常一个页面只有一个 <h1>，请尽量按顺序使用 <h1> – <h6>。

<h1>李白<h1>
<h2>一个被写作耽误的武学奇才</h2>
<h3>静夜思</h3>
<p>窗前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>

快捷键：在 VSCode 中输入 h1 并按 Tab 键，就会出现<h1></h1>。

列表

无序列表 - 顺序不重要

<p>金州勇士队的全明星球员包括：<p>
<ul>
  <li>斯蒂芬·库里</li>
  <li>凯文·杜兰特</li>
  <li>克莱·汤普森</li>
  <li>德雷蒙德·格林</li>
</ul>

快捷键：尝试在 VSCode 中输入 ul>li*3 并按 Tab 键。

有序列表 - 顺序很重要

<p>维持生命必须的要素包括：<p>
<ol>
  <li>手机</li>
  <li>WIFI</li>
  <li>王者荣耀</li>
</ol>

超链接

<a href="https://github.com/fe13">FE 13</a>

目录