<!DOCTYPE html><!-- 规定标准的HTML-->
<!--一个页面只有一个HTML标签-->
<html lang="en">
<head>
<!--头部当中大部分标签是不可见的-->
<!--自闭和标签-->
<meta charset="UTF-8">
<!--每隔一秒钟刷新一次页面-->
<!--<meta http-equiv="refresh" content="1">-->
<!--<meta http-equiv="refresh" content="2;url=http://www.imdsx.cn">-->
<!--主动闭合标签-->
<!--更改浏览器tab标题-->
<title>小白</title>
<!--rel 代表link做什么用，href代表路径-->
<link rel="shortcut icon" href="http://www.imdsx.cn/wp-content/themes/QQ/images/logo.jpg">
<!--<link>-->
<!--<style></style>-->
<!--<script></script>-->
</head>
<body>
<!--<h1>标题标签</h1>-->
<!--<h2>标题标签</h2>-->
<!--<h3>标题标签</h3>-->
<!--<h4>标题标签</h4>-->
<!--<h5>标题标签</h5>-->
<!--<h6>标题标签</h6>-->
<!--段落标签 块级标签-->
<!--<p>蒹葭苍苍，白露为霜。所谓伊人，在水一方。溯洄从之，道阻且长；<br>溯游从之，宛在水中央。蒹葭凄凄，白露未晞</p>-->
<!--行内标签 白板标签没有任何修饰  -->
<!--<span>蒹葭苍苍</span>-->
<!--伪白板标签-->
<!--<div>蒹葭苍苍</div>-->
<!--<span><p></p></span>-->
<!--<input type="text" placeholder="请输入用户名" name="username" value="admin">-->
<!--<input placeholder="请输入密码" type="password" name="password">-->
<!--<span>是否记住登录</span><input type="checkbox" name="checkbox" checked="checked">-->
<!--<div>性别</div>-->
<!--<span>男</span><input type="radio" checked="checked" name="sex">-->
<!--<span>女</span><input type="radio" name="sex" >-->
<!--<input type="file" name="file">-->
<!--button是需要和js连用 通过js进行提交操作-->
<!--<input type="button" value="提交">-->
<!--<form action="http://www.baidu.com" method="get">-->
<!--<input type="text" value="admin" name="username">-->
<!--<input type="reset">-->
<!--<!–submit如果和form连用则直接提交表单–>-->
<!--<input type="submit" value="登录">-->
<!--<input type="button" value="button登录">-->
<!--</form>-->
<!--<label for="i1">用户名</label><input id="i1" type="text" value="admin">-->
<!--<span>密码</span><input type="password">-->
<!--<textarea name="tex">sss</textarea>-->
<!--<select name="city" size="2" multiple="multiple">-->
<!--<option value="1">北京</option>-->
<!--<option value="2" selected="selected">河北</option>-->
<!--<option value="3">黑龙江</option>-->
<!--</select>-->
<!--<select>-->
<!--<optgroup label="黑龙江">-->
<!--<option>齐齐哈尔</option>-->
<!--<option>哈尔滨</option>-->
<!--</optgroup>-->
<!--<optgroup label="河北">-->
<!--<option>石家庄</option>-->
<!--<option>唐山</option>-->
<!--</optgroup>-->
<!--</select>-->
<!--超链接标签-->
<!--<a href="http://www.imdsx.cn">大师兄博客</a>-->
<!--<a href="#i1">调转</a>-->
<!--<div id="i1">aaaa</div>-->
<!--<ul>-->
<!--<li>大连</li>-->
<!--<li>秦皇岛</li>-->
<!--</ul>-->
<!--<ol>-->
<!--<li>大连</li>-->
<!--<li>秦皇岛</li>-->
<!--</ol>-->
<!--<dl>-->
<!--<dt>黑龙江</dt>-->
<!--<dd>牡丹江</dd>-->
<!--</dl>-->
<!--<table border="1">-->
<!--<thead>-->
<!--<!–行–>-->
<!--<tr>-->
<!--<!–表头当中的列–>-->
<!--<th>id</th>-->
<!--<th>请求方式</th>-->
<!--<th>参数</th>-->
<!--<th>接口</th>-->
<!--<th colspan="2">操作</th>-->
<!--</tr>-->
<!--</thead>-->
<!--<tbody>-->
<!--<!–行–>-->
<!--<tr>-->
<!--<!–表体中的列–>-->
<!--<td>1</td>-->
<!--<td rowspan="3">post</td>-->
<!--<td>{'name':'szy'}</td>-->
<!--<td>login</td>-->
<!--<td><a href="修改">修改</a></td>-->
<!--<td>删除</td>-->
<!--</tr>-->
<!--<tr>-->
<!--<td>1</td>-->
<!--<td>{'name':'szy'}</td>-->
<!--<td>login</td>-->
<!--<td>修改</td>-->
<!--<td>删除</td>-->
<!--</tr>-->
<!--<tr>-->
<!--<td>1</td>-->
<!--<td>{'name':'szy'}</td>-->
<!--<td>login</td>-->
<!--<td>修改</td>-->
<!--<td>删除</td>-->
<!--</tr>-->
<!--</tbody>-->
<!--</table>-->
<img src="http://ui.imdsx.cn/static/image/dsx.jpg" alt="失败时展示" title="鼠标悬浮时">
</body>
</html>
——————————————————————————————————————————————————
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<link rel="stylesheet" href="xx.css">-->
<style>
<!--#i1{-->
<!--height: 100px;-->
<!-- 100px;-->
<!--background-color: red;-->
<!--}-->
<!--.c1{-->
<!--height: 100px;-->
<!-- 100px;-->
<!--background-color: black;-->
<!--}-->
<!--div{-->
<!--height:100px;-->
<!--100px;-->
<!--background-color:pink;-->
<!--}-->
<!--div span{-->
<!--background-color:blue-->
<!--}-->
<!--.c2 span{-->
<!--background-color:aqua;-->
<!--}-->
#i2 span{
background-color:red;
}
.c1,.c2,.c3{
height:100px;
100px;
background-color:aqua;
}
div[name='dsx']{
background-color:red;
}
</style>
</head>
<body>
<!--id选择器 一个html页面中 不可以存在相同id id以#-->
<!--<div id="i1" ></div>-->
<!--class选择器 以点来定位-->
<!--<div class="c1"></div>-->
<!--标签选择器，当前HTML页面的所有div都会受到影响-->
<!--<div ></div>-->
<!--标签层级选择器-->
<!--<div>-->
<!--<span>小白</span>-->
<!--</div>-->
<!--<div class="c2">-->
<!--<span>小白</span>-->
<!--</div>-->
<!--<div id="i2">-->
<!--<span>adad</span>-->
<!--</div>-->
<!--<div class="c1"></div><br>-->
<!--<div class="c2"></div><br>-->
<!--<div class="c3"></div>-->
<div name="dsx">dsx</div>
</body>
————————————————————————————————————————
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="test3.css">
<style>
.c1{
background-color:pink;
height:100px;
100px
}
</style>
<link rel="stylesheet" href="test3.1.css"><!--导入css样式-->
</head>
<body>
<div class="c1" style="background-color:blue;height:100px;100px"></div>
</body>
</html>