1.HTML<!DOCTYPE> 声明标签
定义和用法
1. <!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前。
2. <!DOCTYPE>声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
3. 在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01居于SGML。
DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容。
4.HTML5不基于SGML,所以不需要引用DTD。
各版本的声明
1.HTML5
声明:<!DOCTYPE html>
设置编码 :<meta charset="utf-8">
2.HTML4.01
声明: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
设置编码 :<meta http-equiv=Content-Type content="text/html;charset=utf-8">
注意规则:
1.单标记必须闭合。(如<br>必须写成<br/>)
2.单属性必须添加属性值。(<input type="radio" checked> 必须写成<input type="radio" checked="checked">)
3.标记和属性必须使用小写。(<Body>和<BODY>是错的,必须写成<body>)
4.属性的属性值必须使用" "。(HTML4.01之前可以使用<body bgcoloer=red>,之后必须写为<body bgcoloer="red">)
2.内嵌样式表
嵌入在标签中css样式,例如:
<body style="background-color:green; margin:0; padding:0;"></body>
3.嵌入式样式表
通过<style>双标记来指定css样式,需要将<style></style>标签放在<head></head>中。
例如:
<style type="text/css">
body{
backgound-color:red;
color:green;
}
</style >
4.引入式样式表
通过<link>指定css文件中的样式表(<link>是单标记)
<link rel="StyleSheet" type="text/css" href="css文件路径">