<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="description" content="Web教程">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Ander">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
<base href="https://www.w3school.com.cn/" target="_blank">
<title> 快速复习HTML5 </title>
<link rel="stylesheet" href="./test.css">
<style>
.inline-block {
display: inline-block;
}
.font-red {
color: red;
}
#abc {
color: blue;
}
</style>
</head>
<body>
<h1 id="abc">标题1</h1>
<h2>标题2</h2>
<h6>标题6</h6>
<p class="inline-block font-red">这是一个段文本</p>
<br />
<p style="
width: 300px;
height: 60px;
background-color: black;
color: red;
">样式示例</p>
<a href="https://www.baidu.com">这是超链接</a>
<img src="./img-0" alt="A dog">
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>
<dl>
<dt>咖啡</dt>
<dd>黑咖啡</dd>
<dd>冰糖咖啡</dd>
<dd>岷山咖啡</dd>
<dd>血色咖啡</dd>
<dt>西瓜</dt>
<dd>冰镇西瓜</dd>
<dd>蓝莓西瓜</dd>
</dl>
<div style="background-color: pink;">我是常用的块级元素</div>
<span style="background-color: green;">我是常用的内联元素</span>
<iframe src="https://www.w3school.com.cn/" frameborder="0" width="960px" height="600px">This is a website of
W3school</iframe>
<script src="./test.js"></script>
<script>
document.querySelector('a').style.textDecoration = 'none'
</script>
</body>
</html>
