文本标签：
快捷键：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"
<title>hellohtml</title>
</head>
<body>
<!--
1.常用快捷键
ctrl+s保存
ctrl+x剪切
ctrl+c复制
ctrl+v粘贴
alt+b运行
ctrl+/ 注释
shift+alt+下 复制整行到下一行
-->
</body>
</html>
标题和段落标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题和段落</title>
<!--
1.标题标签---块级标签
格式：h1---h6 一级~六级标签
2.段落标签---块级标签
格式：<p></p>
3.块级标签在之前之后都换行
-->
</head>
<body>
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>
zhangsan
<p>lisi</p>
zhangsan
</body>
</html>
换行和水平线：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.">
<title>换行和水平线</title>
<!--
1.换行---行内标签
格式：<br>
2.水平线---块级标签
格式：<hr>
-->
</head>
<body>
username:xiaolin<br>
xiaowu<br>
xiaolin
<hr>
xiaohuang
xiaoma
<hr>
</body>
</html>
字体标签：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字体标签</title>
</head>
<body>
<hr>
<!-- 加粗 -->
<b>文字</b>
<strong>文字</strong>
<!-- 斜体 -->
<i>wwww</i>
<em>wwww</em>
<!-- 删除线 -->
<s>wwww</s>
<del>wwww</del>
<!-- 双引号 -->
<q>wwww</q>
<!-- 下划线 -->
<u>wwww</u>
<ins>wwww</ins>
<!-- 上标和下标字体 -->
zhangsan<sup>*</sup>
zhangsan<sub>*</sub>
<!-- 大小号字体 -->
<big>wwww</big>
<small>wwww</small>
<!-- **预保留 保留原格式-->
<pre>
wwww
width
haha
</pre>
<!-- 特殊字符 -->
<!--
空白符
 ；
版权符
©；
大于小于
>；<；
-->
<hr>
hhhhh: xiaohuang
©xiaolinsuoyou
<>
</body>
</html>
列表标签：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>有序列表</title>
<!--
列表：
1.有序列表
ol：有序列表
li：列表项
有序列表默认type=“1”
start表示起始序号
2.无序列表
ul；无序列表
li；列表项
默认实心圆
3.数据列表
格式：
dl：数据列表
dt：数据小标题
dd：数据列表项
列表就是一个块级元素
-->
</head>
<body>
<!-- 有序列表 -->
<ol type="A">
<li>内容</li>
<li>内容</li>
</ol>
<ol type="1" start="100">
<li>内容</li>
<li>内容</li>
</ol>
<!-- 无序列表 -->
<ul type="circle">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<ul >
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<ul type="square">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<!-- 数据列表 -->
<dl>
<dt>书</dt>
<dd>1</dd>
<dd>4</dd>
<dd>3</dd>
<dd>2</dd>
</dl>
<!-- 可以直接写dd -->
<dd> 内容</dd>
<!-- 也可以直接写li标签默认无序列表 -->
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<!-- 列表嵌套 -->
<ul>
<li>
<ol>
<li>
<dt>标题</dt>
<dd>数据</dd>
<dd>数据</dd>
<dd>数据</dd>
</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</body>
</html>
标签：web,ctrl,标签,前端,基础,列表,wwww,内容,标题 From： https://blog.csdn.net/xiaolin_ss/article/details/140174249