实例
<!DOCTYPE html><!-- 定义成html文档 还有很多其实文档 如xhtml xml等 我们学习的是thml文档 所以这里要定义成html -->
<html><!-- html开始标签 是成双成对出现的 有开始就有结尾 结尾就是</html> -->
<head><!-- 标签也是成双成对出现 -->
<title>我的第一个网页</title><!-- 这里主要是网页的标题 -->
<meta charset="utf-8"><!-- 定义网页的编码 -->
<link rel="stylesheet" type="text/css" href="#"><!-- 定制css层叠样式的外部链接地址 rel是连接文档与被连接文档的关系 type是定义文本类型 href是连接css地址url -->
<link rel="style charset" type="images/icon" href="#"><!-- 定义网页上面的图标 显示在网页是最主面 任何类型的图片都可以 -->
<style type="text/css">/*内部css样式*/
body{background: red;}/*给body标签定制一个颜色*/
#box1{background: green; width: 100px; height: 100px;}/*给id为box1定义一个颜色和大小*/
#box2{background: #fff; width: 100px; height: 100px;}/*给id为box2定义一个颜色和大小*/
.box3{background: #000; width: 100px; height: 100px;}/*给id为box3定义一个颜色和大小*/
a{color: #999;}/*给a标签一个颜色 颜色可以是十六进制*/
a[href="http://www.php.cn"]{color: #000;}/*给a标签为php中文网 精准定制到这个标签 给字一个颜色*/
a[href="https://www.baidu.com"]{color: #fff;}/*给a标签为百度 精准定制到这个标签 给字一个颜色*/
</style><!-- 内部css样式成双成对的结束标签 -->
</head><!-- 头部结束标签 -->
<body><!-- 开始标签 -->
<div><!-- div标签成对出现 -->
<a href="static/demo2.html">demo2</a>
<a href="http://www.php.cn">php中文网</a>
<a href="https://www.baidu.com">百度</a>
</div>
<div id="box1"></div>
<div id="box2"></div>
<div class="box3"></div>
</body><!-- 结束标签 -->
</html><!-- 结束标签 -->运行实例 »
点击 "运行实例" 按钮查看在线实例
对于css样式，会外部连接 内部连接 具体元素连接 css连接是从内到外 级别也是从内到外
老师请帮看一下，不知道我理解的意思对不对。
以上为手写代码：
