<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test_001</title>
<meta name="keywords" content="真的是好啊，keywords 哟哟哟！">
<meta name="description" content="真的是好啊，description 哟哟哟！">
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
<!-- <meta http-equiv="Refresh" content="6;url=https://www.baidu.com">-->
<!-- <link rel="icon" href="qq.ico">-->
<link rel="icon" href="qq.ico">
</head>
<body>
Hello World
<h1 style="color:red">Hello World !</h1>
<hr>
<h1>Hh</h1>
<h2>Hh</h2>
<h3>Hh</h3>
<h4>Hh</h4>
<h5>Hh</h5>
<h6>Hh</h6>
窗前明月光 <br/>疑是地上霜
<p>窗前明月光</p>
<p>疑是地上霜</p>
</body>
</html>
====================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test_002</title>
<style>
div{
color: #036ad2;
background: #92989d;
}
span{
color: #fac237;
background: #b18621;
}
</style>
</head>
<body>
hello world
<div style="color: #4A154B">Hello World</div>
<div> Hello World</div>
span span
<span>Span Span</span>
<b>加粗</b>
<em>斜体</em>
<strike>去除线</strike>
<del>去除线</del>
所有标签分为：块级标签和行内标签，block（div）和in-link（span）
</body>
</html>
tab快捷键：生成标签
如 div>a*5
![]()
![]()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>image and a</title>
<link rel="icon" href="3.jpg">
<style>
#div1{
height:300px;
background: #178cfa;
}
#div2{
height:300px;
background: #fac237;
}
#div3{
height:300px;
background: #5fb57d;
}
</style>
</head>
<body>
<img src="2.jpg" width="300px" height="300px" alt="请重新加载" title="大飞机">
<!-- <img src="3.jpg" width="300px" height="300px" alt="请重试" title="大飞机">-->
<br/><br/>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" title="hehe" target="_blank">百度-新增页面跳转</a>
<br/><br/>
<div id="div_top"></div>
<a href="#div1">第一章</a>
<a href="#div2">第二章</a>
<a href="#div3">第三章</a>
<br/><br/>
<div id="div1">第一章</div> <a href="#div_top">返回</a>
<div id="div2">第一章</div> <a href="#div_top">返回</a>
<div id="div3">第一章</div> <a href="#div_top">返回</a>
</body>
</html>
浙公网安备 33010602011771号