(1)入门：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这是一个神奇的网站</title>
</head>
<body>
<h1>这是我的第一个网站</h1>
</body>
</html>
(2)网页的标题＋注释+属性：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这是一个神奇的网站</title>
</head>
<body>
<h1>这是我的<font color="red" size="10">第二个</font>网站</h1>
</body>
</html>
(3)文档声明：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这是一个非常好的网页</title>
</head>
<body>
<h1>这是我的第一个网页</h1>
</body>
</html>
(4)设计字符串：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置字符集</title>
</head>
<body>
<h1>这是一个非常漂亮的网页</h1>
</body>
</html>
(5)常用标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>常用的标签</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!--
段落标签：
段落标签用于表示内容中的一个自然段
使用p标签来表示一个段落
p标签中的文字默认会独占一行，并且段与段之间会有一个间距
-->
<p>
锄 禾日当午，<br />
汗滴禾下土，<br />
谁知盘中餐，<br />
粒粒皆辛苦<br />
</p>
<!--
hr标签也是一个自结束标签，可以在页面中生成一条水平线
-->
<hr />
</body>
</html>
（6）实体：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>实体</title>
</head>
<body>
a<b>abc
<p>©今天天气 好晴朗，处处好风光</p>
</body>
</html>
(7)HTML的语法规范：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>XHTML的语法规范</title>
</head>
<body>
<!--
2、HTML中的注释不能嵌套
-->
<!--
这是一个注释
<!--
这是注释中的注释
-->
-->
<!--
3、HTML标签必须结构完整，要么成对出现，要么自结束标签
-->
<!-- 正确 -->
<p>我是一个p标签</p>
<!-- 错误 -->
<p>我是一个p标签
<!--
（1）浏览器尽最大的努力正确地解析页面，你所有的不符合语法规范的内容
（2）浏览器都会为你自动修正，但是有些情况会修正错误
-->
<!-- 自结束标签 -->
abc
<br />
bcd
<br>
efg
<!--
4、HTML标签可以嵌套，但是不能交叉嵌套
-->
<p>今天天气<font color="red">真不错</font></p>
<p>今天天气<font color="red">真不错</p></font>
<!--
5、HTML标签中的属性必须有值，且值必须加引号（单引号双引号都可以）
-->
<p>今天不错<font color=>真不错</font></p>
<p>今天很美<font color=red>真不错</font></p>
</body>
</html>
<h1>谁都不要惹我</h1>
(8)内联框架：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>内联框架</title>
</head>
<body>
<h1>我是demo11</h1>
<iframe src="demo010XHTML的语法规范.html" name="tom"></iframe>
</body>
</html>
(9)超链接：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>超链接</title>
</head>
<body>
<h1>我是demo12</h1>
<a href="http://www.baidu.com">我是一个超链接</a><br /><br />
<a href="http://www.baidu1234567.com">我是一个超链接</a><br /><br />
<a href="demo011内联框架.html" target="tom">我是一个超链接</a><br /><br />
<iframe src="demo010XHTML的语法规范.html" name="tom"></iframe>
<center>
<p>我是一个p标签</p>
</center>
</body>
</html>
（10）图片标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图片标签</title>
</head>
<body>
<img src="1.png" alt="这是一个大哥哥" width="600px" height="200px" />
</body>
网友评论