猫猫小屋-html教程—html页面举例解析


摘要:
下文通过举例的方式深度解析html标签中的方方面面,如下所示:
实验环境:sql server 2008 R2


例:

  <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫小屋-html教程(maomao365.com)</title>
</head>
<body>
    <h1>第一个html教程</h1>
</body>
</html>

<!DOCTYPE html> :定义当前html使用版本为html5
<html> :html开始标签
<head> :html头部标签
<meta charset=”utf-8″> :定义当前文档编码方式-避免出现乱码
<title>猫猫小屋-html教程(maomao365.com)</title> :定义当前网页的名称
<body> :html内容部分开始标签
<h1>第一个html教程</h1> :html h1标题标签



注意事项:
!DOCTYPE html 是不区分大小写
严格意义的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”>
XHTML 1.0 申明方式
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>