<!doctype html> <!--声明-->
<html>
<head>
<meta charset = "utf-8"> <!--设置字符集-->
<title> 2018-8-10 我的第一课 HTML基础 </title>
<link rel = "stylesheet" type = "text/css" href = "static/style.css"><!--链接外部CSS文件-->
<link rel = "icon" type = "image/x-icon" href = "images/tb.jpg"><!--链接图标-->
<style type = "text/css"> /*设置内连样式*/
/*tag,标签名,ID(名字前面加上#) CLASS名 属性选择器 */
body{background-color:pink;}
#box{
width : 200px;
height :200px;
background-color:red;
}
.main{
width:200px;
height:200px;
background-color:blue;
}
a[href = "http://www.baidu.com"]{
color:#000;
}
</style>
</head>
<body>
<a href = "http://www.baidu.com">百度</a>
<a href = "http://www.php.cn">PHP中文网</a>
<a href ="demo2.html">demo2</a>
<div id = "box"></div>
<div class = "main"></div>
<div class = "main"></div>
<div class = "main"></div>
</body>
</html>