html 基本标签
- 标签分类
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签分类</title>
</head>
<body>
<!--
单标签和双标签
单标签(没有闭合标签的)
<img src="" alt="">
双标签(有闭合标签)
<p></p>
-->
<!--
块级元素与行内元素
块级元素(独占一行的)
<p></p>
<h></h>
行内元素
<a href=""></a>
-->
</body>
</html>
- 标题标签 h1 - h6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!--
h标题标签
块级标签 - 独占一行的标签
自带样式
- margin
- font-weight
- font-size
-->
<h1>woshibiato</h1>
</body>
</html>
3. 段落标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<p>我是一个段落</p>
<p>我也是一个段落</p>
<!--
p段落标签
块级标签
自带样式
- margin
-->
</body>
</html>
4. 水平线标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水平线标签</title>
</head>
<body>
<p>我是段落1</p>
<hr>
<p>我是段落2</p>
<!--
hr水平线标签
自带样式
- margin
-->
</body>
</html>
5. 换行标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>换行标签</title>
</head>
<body>
<p>我是段落1</p>
<br>
<br>
<p>我是段落2</p>
</body>
</html>
- 文本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本标签</title>
</head>
<body>
<!-- 加粗文本 -->
<strong>加粗文本</strong>
<b>加粗文本</b>
<br>
<!-- 斜体文本 -->
<em>斜体文本</em>
<i>斜体文本</i>
<br>
<!-- 下划线文本 -->
<ins>下划线文本</ins>
<u>下划线文本</u>
<br>
<!-- 中划线文本 -->
<del>中划线文本</del>
<s>中划线文本</s>
</body>
</html>