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>