<!DOCTYPE html><!-- 声明这是一个html文档 这个是html5的写法-->
<html><!-- 这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） -->
<head><!-- 定义网页头部 -->
<meta charset="UTF-8"><!-- UTF-8字符集编码 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 自适应屏幕 -->
<!-- X-UA-Compatible是针对IE8新加的一个设置,
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
即如果你有IE9的话说明你有IE789，那么就调用高版本的那个也就是IE9。 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作业</title><!-- 网页标题 -->
<!-- link：定义文档与外部资源的关系 链接外部文件 -->
<link rel="stylesheet" type="text/css" href="static/style.css">
<!-- rel属性定义文档与被链接文档之间的关系
type属性定义被连接文档的类型
href属性定义被连接文档的url地址 -->
<link rel="stylesheet" type="image/x-icon" href="images/footlogo.png">
<!-- 在title内部放入图片 -->
<style type="text/css">/*内部样式：只针对当前页面*/
body{}/*标记选择器*/
#box{width:100px;height:100px;background:pink;}/*id选择器*/
.main{width:100px;height:100px;background:green;}/*class选择器*/
a{color: red;}/*属性选择器*/
a[href="http://www.php.cn/"]{color: blue;}
a[href="http://www.php.cn/"]{color: pink;}
/*派生选择器 根据文档上下文关系来定义样式*/
div a{color: #000;}
#box a{}
</style>
</head>
<body><!-- 定义文档的主体 -->
<img src=""><!-- 图片链接 -->
<!-- <<a href="#"></a>超链接标签 -->
<a href="https://www.baidu.com">百度</a><!-- 链接到百度 -->
<a href="demo2.html">demo2</a><a href="#">#</a><!-- 链接到外部文件 -->
<div id="box">
<a href="">php</a>
</div>
<div>
<a href="http://www.php.cn/">php中文网</a>
</div>
</body>
</html>实例
<!DOCTYPE html><!-- 声明这是一个html文档 这个是html5的写法-->
<html><!-- 这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） -->
<head><!-- 定义网页头部 -->
<meta charset="UTF-8"><!-- UTF-8字符集编码 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 自适应屏幕 -->
<!-- X-UA-Compatible是针对IE8新加的一个设置,
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
即如果你有IE9的话说明你有IE789，那么就调用高版本的那个也就是IE9。 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作业</title><!-- 网页标题 -->
<!-- link：定义文档与外部资源的关系 链接外部文件 -->
<link rel="stylesheet" type="text/css" href="static/style.css">
<!-- rel属性定义文档与被链接文档之间的关系
type属性定义被连接文档的类型
href属性定义被连接文档的url地址 -->
<link rel="stylesheet" type="image/x-icon" href="images/footlogo.png">
<!-- 在title内部放入图片 -->
<style type="text/css">/*内部样式：只针对当前页面*/
body{}/*标记选择器*/
#box{width:100px;height:100px;background:pink;}/*id选择器*/
.main{width:100px;height:100px;background:green;}/*class选择器*/
a{color: red;}/*属性选择器*/
a[href="http://www.php.cn/"]{color: blue;}
a[href="http://www.php.cn/"]{color: pink;}
/*派生选择器 根据文档上下文关系来定义样式*/
div a{color: #000;}
#box a{}
</style>
</head>
<body><!-- 定义文档的主体 -->
<img src=""><!-- 图片链接 -->
<!-- <<a href="#"></a>超链接标签 -->
<a href="https://www.baidu.com">百度</a><!-- 链接到百度 -->
<a href="demo2.html">demo2</a><a href="#">#</a><!-- 链接到外部文件 -->
<div id="box">
<a href="">php</a>
</div>
<div>
<a href="http://www.php.cn/">php中文网</a>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
运行图
个人点评
<!-- -->是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。
/* */是CSS的注释标签
/* */（注释代码块）、//（注释单行）是JS的注释标签。
注释有各自的使用环境,并且不能相互替代。
手抄图
