一个简单的HTML文档结构,可以用任意编辑器新建html文件,然后用浏览器打开看效果。
<!DOCTYPE HTML>
<html>
<head>
<title>小白学HTML</title>
</head>
<body>
页面内容
</body>
</html>
文档声明
<!DOCTYPE HTML>声明当前文档是html。如果没有这个声明,一般来说问题也不大,现在大多数浏览器都会识别并按照HTML文档来解析运行。
结构说明
HTML文档结构包含一个html标签元素。html标签元素中有两个重要的元素 <head></head> 和 <body></body>。
<head></head> 元素中有 <title></title> 子元素,用来描述页面的标题,显示在浏览器的页面中。
<body></body> 元素主要用来放构成页面的元素。此实例中只有一行 '页面内容' 文字。
head 和 body 元素在 html 元素中,是 html 的内容。因此,
- html 是 head 和 body 的父元素
- head 和 body 是 html 的子元素
- head 有一个子元素 title
- head 和 body 互为兄弟元素
- head 和 title 都是 html 的后代元素
整个HTML结构是一个嵌套的树形结构,可视区域内容集中在 html 的子元素 body 中。