一、HTML文档结构
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html>
<!DOCTYPE html>
声明为HTML5文档(html版本说明)<html>....<html/>
:是文档的开始标记和结束标记。是html页面的根元素,在他们之间是文档的头部。包含文档的元数据(meta)数据<title>....</title>
定义网页标题,在浏览器标题栏显示<body>.....<body/>
之间的文本是可见的网页主题内容
注意:对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 。
二、HTML标签格式
- HTML标签是由尖括号包围的关键字,如''
<html>, <div>
等 - HTML标签通常是成对出现的,比如:
<div>和</div>
,第一个标签是开始,第二个标签是结束。结束标签会有斜线。 - 也有一部分标签是单独呈现的,比如:
<br/>、<hr/>、<img src="1.jpg" />
等。 - 标签里面可以有若干属性,也可以不带属性。
标签的语法:
- <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分
- <标签名 属性1=“属性值1” 属性2=“属性值2”…… />
几个很重要的属性:
- id:定义标签的唯一ID,HTML文档树中唯一
- class:为html元素定义一个或多个类名(classname)(CSS样式类名)
- style:规定元素的行内样式(CSS样式)
三、HTML注释
<!--注释内容-->
注释是代码之母。
四、标签
<!DOCTYPE>
声明必须是 HTML 文档的第一行,位于 <html>
标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<!DOCTYPE html>
<html lang="en">
<header title="歌谣">haho</header>
<footer title="yao">hah</footer>
<body></body>
</html>
运行结果