<!doctype html> <!--对html文件声明，表明他是一个html文件-->
<html> <!--html的结构是html作为主体后面有头head，有身体body，头里面有标题title 我是理解为眼睛 有metalcharset定义字符集，这样中文才能在不同浏览器显示 我把他理解成鼻子 link链接外部文件我把它理解为嘴巴。这样比较好记。成对的标签叫元素，单个标签叫空元素，标签后面跟着是属性，属性后面是属性值！》
<head> <!--定义网页头部-->
<title>php中文网</title> <!--网页标题-->
<meta charset="utf-8"> <!--定义网页字符集，采用utf-8方式编码-->
<link rel="stylesheet" type="text/css" href="static/style.css"> <!--外部样式表，主要是为了共享 css是层叠样式表-->
<link rel="shortcut icon" type="image/x-icon" href="image/lala.jpg"> <!--网页标题左上角的小图标-->
<style type="text/css">
body{background:black;}
a{color:red;} /*标签tag选择器*/
a[href="http://www.baidu.com"]{color:pink;} /*独立选择器，用中括号括起来*/
#main{width:100px; height:100px; background: blue; color: yellow; } /*id选择器,用#号开头，id代表唯一性*/
.gaga{width: 100px; height:100px; background: yellow; color: blue;} /*class 类选择器，用.开头，代表一类属性*/
div a{color: pink;} /*二级选择器*两个标签下的选择器/
</style><!--内部样式表,优先级要高于外部样式表-->
</head>
<body style="background:green;"> <!--内联样式表，内联样式优先级高于内部样式-->
<a href="http://www.baidu.com">百度</a>
<a href="http://www.php.cn">php中文网</a>
<a href="demo.html">一个例子</a> <!--内部链接到系统一个文件-->
<img src="">
<div id="main"> 12</div>
<div class="gaga">123 </div>
<div >
<a href="http://www.php.cn/">中文网学生多</a></div>
</body>
</html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
