1.head中标签
2.文本标签
3.列表标签
4超链接
5表格标签
1.head中标签
<!DOCTYPE html>
<html>
<head>
<!--设置网页中文本的编码方式-->
<meta charset="UTF-8">
<!--设置网页标题-->
<title>head中的标签</title>
<!--设置网页图标
rel -设置文件作用,stylesheet:样式表，icon：图标
type -设置文件类型，文件类型/文件后缀；text/css：文本/后缀是css，image/icon:图片/后缀是ico
href -设置文件路径，可以是绝对路径也可以是相对路径
-->
<link rel="icon" type="image/ico" href="./img/aaa.ico"/>
</head>
<body>
</body>
</html>
2.文本标签
<body>
<!--1.标题标签(h1-h6)，写标签是根据意义来的
双标签
-->
<h1>我是标题1</h1>
<h2>我是标题1</h2>
<h3>我是标题1</h3>
<h4>我是标题1</h4>
<!--2.段落标签(p标签)
双标签，保证一个段落对应一个p标签
一个标签占一行
-->
<p>
一首《游子吟》生动表达了中华民族深厚的家庭情结，习近平曾在讲话中全文引用。重视家庭、重视亲情，注重家教、注重家风，习近平不仅有着深切体会，更挂念于心、身体力行。
</p>
<p>
一首《游子吟》生动表达了中华民族深厚的家庭情结，习近平曾在讲话中全文引用。重视家庭、重视亲情，注重家教、注重家风，习近平不仅有着深切体会，更挂念于心、身体力行。
</p>
<p>
一首《游子吟》生动表达了中华民族深厚的家庭情结，习近平曾在讲话中全文引用。重视家庭、重视亲情，注重家教、注重家风，习近平不仅有着深切体会，更挂念于心、身体力行。
</p>
<!--3.font标签
双标签
一行可以有多个
-->
<font>性别</font><br />
<font>男</font><br />
<font>女</font><br />
<!--4.文字效果相关标签
在HTML中直接敲或空格、缩进是无效的。
<br/>-单标签，网页中的内容强制换行
-一个像素(一个" "代表空一个像素)
  -一个空格
<b></b> 加粗效果
<strong></strong> -加粗(有强调的意思)
<i></i> -标签是倾斜的意思
<em></em> -倾斜(有强调的意义)，一般用这个
-->
<p>
一闪一闪亮晶晶，<br />
  满天都是<b><em>小星星</em></b>，<br />
满天都是小星星，<br />
你玩是个小坏蛋,<br />
</p>
</body>
3.列表标签
<!--1.无序列表(ul)
ul标签 -代表列表容器，是一个整体
li标签 -列表中的元素
-->
<ul>
<li>python</li>
<li>java</li>
<li>h5</li>
<li>testing</li>
<li>c++</li>
</ul>
<!--2.有序列表(ol)
ol标签 -代表列表容器，是一个整体
li标签 -列表中的元素，双标签中的内容可以是任何
-->
<ol>
<li>挑选大龙虾</li>
<li>清理大龙虾</li>
<li>煮小龙虾</li>
</ol>
<!--3.自定义列表(dl
dl标签 -代表列表容器，是一个整体
dt标签 -小分类标签(名词)
dd
)-->
<dl>
<dt>四川</dt>
<dd>成都</dd>
<dd>广安</dd>
<dd>达州</dd>
<dt>湖南</dt>
<dd>长沙</dd>
</dl>
</body>
4.超链接
<body>
<!--1.图片标签(img
单标签
默认情况下一行可以显示多张图片
src属性：设置图片地址/路径；可以是本地路径，也可以是网络地址
title属性：设置图片标题，(当鼠标停留在图片上才会显示出来)
alt属性：图片加载失败的时候的提示信息
)-->
<img title="京东" src="img/jd_logo.ico" />
<img src="https://www.baidu.com/img/bd_logo1.png?where=super" />
<br />
<!--2.超链接(a)
双标签
1).a.href属性：跳转的目的地
a.网址 - 点击超链接直接加载网址对应的网页
b.本地html文件地址
c.# -刷新
d.选择器 -让当前页面滚动到指定位置 前面加个#号加字
2)target属性：跳转方式
_self -在当前页面中加载新的网页（默认值）
_blank -在新的页面中加载新的网页
-->
<a href="https://www.baidu.com" target="_blank">百度</a>
<br />
<!--加载本地html文件-->
<a href="03-列表标签.html">列表</a>
<!--刷新当前网页-->
<a href="#">刷新</a>
<!--页面内跳转-->
<a href="#top">回到顶部</a>
- 表格标签
<!--表格
1.table标签 -代表表格整体
cellspacing属性：设置表格中单元格和单元格以及单元格和表格框的间距
bgcolors属性：设置整个表格背景颜色(含单元格的部分)
cellpadding：设置单元格中的内容到单元格边框之间的距离
width属性：设置整个表格的宽度
height属性：设置整个表格的高度
align属性：center(居中)，left(左对齐，)，right(右对齐)，让怎么表格在它的父标签中各种对齐
border属性：设置单元格边框的宽度
bordercolor:单元格边框的颜色
2.tr -代表表格中的一行
bgcolor属性：设置一行的背景颜色
height属性：设置一行的高度
align属性：让一行中的内容左或者右对齐
3.td -代表表格中的一个单元格
bgcolor属性：设置指定单元格的背景颜色
width属性：设置td所在的列的宽度
align:让一个单元格中的内容居中，或者左右对齐
补充:细线表格
1)设置整个的table的背景颜色是边框线的颜色
2)设置每个单元格的颜色和边框线的颜色不一样
3）设置单元格和单元格的间距（cellspacing）为1
-->
