什么是HTML?
- HTML (Hyper Text Markup Language)是超文本标记语言的缩写
- HTML 使用标记语言描述Web页面的结构
- HTML 元素是HTML页面的构建块
- HTML 元素通过标签tag表示
- HTML 标签是“标题”、“段落”,“表格”等内容的一部分。
- 浏览器不显示HTML标签,但是使用它们来渲染页面内容。
一个简单的HTML文档
<!DOCTYPE html>
<html>
<head>
<title>菜鸟笔记</title>
<meta charset="utf-8">
</head>
<body>
<h1>这个是标题</h1>
<p>这个是段落.</p>
</body>
</html>
实例解析
<!DOCTYPE html>
声明定义这个文档是HTML5<html>
元素是HTML页面的根元素<head>
元素包含关于文档的元数据信息<title>
元素为文档指定一个标题<body>
元素包含可视化页面内容<h1>
元素定义一个大的标题<p>
元素定义一个段落
HTML 标签
HTML标签是被尖括号包围的元素名称
<标签名称> 内容... </标签名称>
HTML标签通常成对出现,例如<p>
和</p>
- 在这个标签对里,第一个是开始标签,第二个是结束标签
- 结束标签和开始标签相同,但是在标签名称前面需要插入一个反斜线
- 提示:开始标签页称为开标签,结束标签页称为闭标签
提示:开始标签页称为开标签,结束标签页称为闭标签
浏览器
浏览器(例如:Chrome,IE,Firefox,Safari)的作用是读取HTML文档并且显示他们。 浏览器不显示HTML标签,但是他们能决定怎么显示文档:
HTML页面结构
下面是一个HTML页面的可视化结构
注意:只有
里面的内容才会被显示在浏览器里面
<!DOCTYPE>
声明
<!DOCTYPE>
声明表示文档类型,并且帮助浏览器正确web页面。 它必须只能出现一次,并且在页面的顶部(HTML标签的前面) <!DOCTYPE>
声明不区分大小写 <!DOCTYPE>
声明如下:
<!DOCTYPE html>
HTML 版本
版本 | 年代 |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |