HTML块标签、含样式的标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块标签</title>
</head>
<body>
<div> <!--<div>标签 行内元素，表示一块内容，没有具体的语义-->
<em><h1>块标签练习</h1></em> <!--<em>标签 行内元素，表示语气中的强调词（斜体效果）-->
<i><h2>唐诗</h2></i> <!--<i>标签 行内元素，表示专业词汇（斜体效果）-->
<div>div嵌套</div>
<span> <!--<span>标签 行内元素，表示一行中的一小段内容，没有具体语义-->
<b>白日依山尽，</b><br /> <!--<b>标签 行内元素，表示文档中的关键字或者产品名（字体加粗）-->
<strong>黄河入海流；</strong><br /> <!--<strong>标签 行内元素，表示非常重要的内容（字体加粗）-->
欲穷千里目，<br />
更上一层楼。<br />
</span>
</div>
</body>
</html>
网页插入图片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页插入图片</title>
</head>
<body>
<!--完整写法是：scr="./images/002.jpg"./ 表示当前目录，可以省略-->
<img src="C:/Users/admin/Desktop/HTMLprative/image/Backgroundmap.png" alt="背景图"/> <!--<scr>属性 定义图片的应用地址（以上图片访问路径为绝对访问路径）-->
<!--<alt>属性 定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会读取这个文字让盲人识别图片-->
</body>
</html>
网页图片路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页图片路径</title>
</head>
<body>
<img src="image/Backgroundmap.png" alt="背景图">
<!--相对地址：相对于引用文件本身去定位被引用的文件地址（当前格式为相对路径）-->
<img src="C:Users\admin\Desktop\HTMLprative\image/Backgroundmap.png" alt="背景图">
<!--绝对地址：相对于磁盘位置去定位文件的地址（当前格式为绝对路径）-->
<!--“./”表示当前文件所在目录下，比如：“./pic.jpg ”表示当前目录下的pic.jpg的图片，这个使用时可以省略-->
<!--“../”表示当前文件夹所在目录下的上一级目录，比如：“../images/pic.jpg”表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片-->
</body>
</html>
