本次内容包括:(html元素,web浏览器,我们的第一个网页标题,html可视化页面结构,
html版本,<!DOCTYPE >声明和通用声明,)
1.html元素
注意!,html标签 和 html元素 ,通常都是描述同样的意思,
但是严格来说一个html元素包含了开始标签和结束标签,(上一个文章应该说过)
比如。<p> </p> <h1>. </h1>
2.web浏览器
web浏览器。,比如:谷歌,lntenet explorer,火狐(firefox),苹果自带的safari浏览器,
他们说用于读取html文件的,并将其作为网页显示,
浏览器并不是直接显示html标签的,但是可以使用标签来决定怎么展现html页面的内容给用户。
3.可视化页面结构
这里是一个可视化的html页面结构,
<!DOCTYPE html>
<html>
<head>
<title>这是页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p> 这是一个小段落</p>
<p>这是第二个小段落</p>
</body>
</html>
需要注意的一件事!!:只有<body>区域(白色字部分)才会在浏览器中显示。
4.html版本
自从初期网络诞生后,已经出现了许多html的版本了
已知html的往期版本:
版本 | 发布时间 | ||||||||
---|---|---|---|---|---|---|---|---|---|
html | --> | 1991年 | |||||||
html+ | --> | 1993年 | |||||||
html2.0 | --> | 1995年 | |||||||
html3.2 | --> | 1997年 | |||||||
html4.01 | --> | 1999年 | |||||||
html 1.0 | --> | 2000年 | |||||||
html5 | --> | 2012年 | |||||||
xhtml5 | --> | 2013年 |
<!DOCTYPE html> 声明
1.<doctype html> 声明有利于正确的网站显示内容。
2.网络上有很多不同的文件,如果能够正确的声明html的版本浏览器就能正确的显示网页内容了。
3.<doctype html>是不分大小写的,下面是代码展示:
<DOCTYPE html>
<html>
<htad>
<meta charset="utf-8">
<title> 演示代码</title>
</htad>
<body>
<h1> 第一个标题</h1>
<p>第一个段落</p>
</body>
</html>