一：html文档标签结构
<html></html>
<!--文档片头信息，表示文档内容是用什么标签写的。-->
<head></head>
<!--head是网页定义网页头部信息，该信息不会显示在网页中，head标签里面可以嵌入其它标签-->
<title></title>
<!--title标题标签，给自己的网页起一个的名字-->
<meta>
<!--meta元素提供的信息是用户看不见的，只是提供给那些搜索引擎使用。-->
<!--在元素信息里面可以定义关定义关键字:keywords;定义关键字的内容:content -->
<body></body>
<!--正文内容，标签之间的文本是正文，是在浏览器里显示的页面内容。-->
二：常用的HTML标签主要有：
双标签
单标签
标题标签：注意：标题标签只能是h1~h6
段落标签
强调标签
倾斜标签：（注：此标签可用在小图标上）
单独设置样式标签
无序列表标签
有序列表标签
自定义列表标签
盒子标签
图片标签
超链接标签
换行标签：上标和下标
三：图文案例（首先下载编辑器：EditPlus）
<!doctype html><!--文档头信息-->
<html lang='en'><!--跟标签-->
<head>
<meta charset="UTF-8"><!--字符编码-->
<meta name='Keywords' content=''><!--关键字-->
<meta name='Description' content=''><!--网页描述-->
<title></title><!--网站标题-->
</head><!--网页头部-->
<body><!--可视化区域-->
<div>
<!--插入一张图片-->
<img src='https://img.jj59.com/3/5ad9919c8dd1.jpg'>
<!--设置标签大小为h2,并设置一个超链接-->
<h2><a href='https://www.jj59.com/jjart/424201.html'>禅荷一支烨人生<a/></h2>
<!--单独设置字体样式-->
作者：<span>晓枫婉月</span>
<!--用段落标签输入文本内容-->
<p>一支荷，从那碗幽幽的泥水里探出几枚纤巧的叶，见此，我甚喜，以为，它终不负春风的意，阳光的暖，雨露的润，泥土的力而捧出了一颗忘我的心</p>
<p>一碗“红颜滴翠”，一碗“春水绿波”，都是我久别重逢的客人。因来之不易，便格外地悉心。而今，伴冬去春回，看它脉脉含情欲诉心意，贻红颜赧报之势，柔软得我如祥云白雾一般，绵绵乎飘飘然不知归处。</p>
<!--创建一个无序列表-->
<ul>
<li>一直以为，荷是清贫的，一口水，一把泥，便是一生；</li>
<li>一直以为，荷是灵魂的，任凭夜深露重，风起雨落，自可将生死都置之于度外。</li>
</ul>
<p>这世上，最恬淡，最明净的是什么呢？</p>
<dl>
<!--自定义列表dl-->
<dt>我问朝霞</dt>
<dd>朝霞流露出痛苦的光芒</dd>
<dt>我问高山</dt>
<dd>高山扬起绵绵的思量</dd>
<dt>我问河水</dt>
<dd>河水倾泻出奔腾的泪光</dd>
</dl>
<!--粗体、斜体强调-->
<p><strong>夜深，<em>月明</em>、我低头向荷，荷静静地矗在水*。<strong></p>
</div>
</body>
</html>
四：结果如图：
