HTML5-常用的标签:https://blog.csdn.net/TKOP_/article/details/111395865
html
<!-- HTML5:声明文档类型的标签 -->
<!DOCTYPE html>
<!-- 用于声明网页的主要语言为简体中文 -->
<!-- 帮助搜索引擎、浏览器等理解网页的语言内容,以便进行相关的处理,例如语音朗读、拼写检查等 -->
<html lang="zh-CN">
<head>
<!-- <meta> 标签定义关于 HTML 文档的元数据。元数据是关于数据的数据(信息)。 -->
<meta charset="UTF-8"> <!-- 用于指定网页所使用的字符编码为 UTF-8,字符编码决定了网页如何解释和显示文本字符 -->
<meta name="description" content="Web教程"> <!-- 用于描述网页的内容,例如:网页描述为:"Web教程" -->
<meta name="keywords" content="HTML, CSS, JavaScript"> <!-- 用于描述网页的关键词,例如:关键词为:"HTML, CSS, JavaScript" -->
<meta name="author" content="Ander"> <!-- 用于指定网页的作者,例如:作者为:"Ander" -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 用于指定网页的显示模式,width=device-width 表示宽度为设备宽度,initial-scale=1.0 表示初始缩放比例 -->
<meta http-equiv="refresh" content="30"> <!-- 用于指定网页的刷新时间,30 表示 30 秒后刷新页面 -->
<!-- 为页面上的所有链接指定默认 URL 和默认目标 -->
<base href="https://www.w3school.com.cn/" target="_blank">
<!-- 用于指定网页的标题,搜索引擎会根据网页的标题来给网页进行排名,title 标签的内容会显示在浏览器的标题栏上 -->
<title> 快速复习HTML5 </title>
<!-- 引入CSS样式 -->
<link rel="stylesheet" href="./test.css">
<!-- 自定义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标签显示 -->
<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>