HTML 简介
例子解释
- DOCTYPE 定义了文档类型
- <html> 与 </html>之间的文本用于描述网页
- <body> 与 </body>之间的文本包含的是可见的页面内容
- <h1> 与 </h1>之间的文本显示标题
- <p> 与 </p>之间的文本显示段落
<!DOCTYPE html>代表使用的是HTML5文档类型。 |
什么是HTML?
HTML是一种用于描述网页的语言。
- HTML 是Hyper Text Markup Language的缩写
- HTML 是标记语言
- 标记语言是一套标记标签
- 用标签描述文档内容
- HTML 文档包含HTML标记纯文本
- HTML 文档也被称作网页
HTML标签
HTML标记标签通常被称作HTML标签
- HTML标签的关键字(标签名)被尖角括号包围着,如<html>
- HTML标签通常成对出现,如<b> 和 </b>
- 第一个标签叫做开始标签, 第二个标签叫做结束标签
- 结束标签的写法和开始标签一样,只不过需要在标签名前加上斜线
- 开始标签和结束标签也被称为开放标签和闭合标签
<标签名>
内容
</标签名>
HTML 元素们
"HTML 标签" 和 "HTML 元素" 通常用于描述同一件事。
但是严格的讲,一个HTML 元素是开始标签和结束标签之间的所有内容,包括标签。
HTML 元素:
<p>
这是一个段落
</p>
浏览器
浏览器(像谷歌,IE,火狐,苹果)的目的是解析HTML文档并呈现成网页形式显示。 推荐您使用火狐浏览器,点击下载
浏览器不显示HTML 标签,但标签决定如何将网页内容显示给用户:
HTML 页面结构
下面是一个可视化的HTML页面结构:
<html>
<body>
</html>
<h1>这是标题</h1>
<p>这是段落</p>
<p>这是另一个段落</p>
</body>
HTML 版本
从早期的网页到现在,已经有很多版本:
Version | Year |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2012 |
<!DOCTYPE> 声明
<!DOCTYPE>(文档类型)声明帮助浏览器正确的显示网页
在网络上有很多不同的文档,浏览器只能根据HTML的类型和版本,确保100%正确显示的HTML页面。
常见声明
HTML5 声明
<!DOCTYPE html>
HTML 4.01 声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">