<!DOCTYPE html>
<html>
<head><!--定义头部文件-->
<title>我的第一次课程</title><!--浏览器上方显示的文字比较重要-->
<meta charset="utf-8"><!--声明编码格式-->
<link rel="stylesheet" type="text/css" href="样式.css"><!--引入外部样式为了共享，rel属性定义当前文档与链接文档之间的关系；type属性定义被链接文件的类型；href属性被定义链接文件的地址-->
<link rel="shortcut icon" type="image/x-icon" href="images/footlogo.jpg"><!--浏览器标题栏引入小图标代码-->
<style type="text/css"><!--内部样式只针对当前页面，与引入外部样式有明显区别-->
body{background:red;}<!--标记选择器，元素或者标签直接加大括号-->
#fang{width: 300px;height: 500px;background: yellow;}
.main{width: 300px;height: 500px;background: green;}
</style>
</head>
<body style="background: blue;"><!--内联样式优先级大于内部样式大于外部样式-->
<img src="图片地址"><!--显示图片-->
<div id="fang">id选择器具有唯一性</div>
<div class="main">类选择器</div>
<div></div>
<div></div>
主要内容显示区域
</body>
</html>