文章序言1、什么是HTML？ 二、HTML文档结构1.HTML元素(elements )2.HTML元素结构3、HTML文档中的各种元素1 .标题heading2.超链接a3 .图像和文件路径img4.表Table5.列表List6.文件夹
前言： HTML超文本标记语言是一种网页结构，是为“创建网页和其他在web浏览器中可以看到的信息”而设计的标记语言
一、什么是HTML？ HTML是“超文本标记语言”(HyperText Markup Language )的缩写，顾名思义，是一种用于标记网页结构和内容含义的标记语言。“超文本”是指连接单个网站内或多个网站间的链接。链接是网络的一个基本方面。
二、HTML文档结构1.HTML元素(elements ) HTML使用“标记”(markup )标明文本、图片和其他内容，便于在浏览器中显示。 HTML标签包括头、标题、主体、头、footer、article、section、p、div、span、img、aside audio、canvas和canvas等规定
1、开始标记(Opening tag ) :包含元素的名称)在本例中用p )、左、右方括号括起来。 表示元素从这里开始或开始工作。 ——在本例中，段落从这里开始。 2、“关闭标签”(Closing tag ) :类似于开始标签，但在元素名称之前包含正斜杠。 这表示元素的结尾——在本例中是段落的结尾。 初学者经常犯包含结束标记的错误，可能会产生奇怪的结果。 3、内容：元素的内容，在本例中是输入的文本本身。 4、元素：开始标签、结束标签和内容组合起来就是完整的元素。 三、HTML文档中的各种元素1 .标题heading HTML提供从大到小的6级标题，分别为h1 ~ h6，如下：
在h1 this is heading1/h1 pthisissometext./phr H2 this is heading2/H2 pthisissomeothertext./phr页面上，标题非常重要。
1 .搜索引擎按标题对页面内容进行索引
2 .用户也习惯于以标题浏览主要内容，然后决定是否显示该页面
2 .如果超链接a没有超链接，则显示万维网。 基本上，任何东西都可以有超链接，但经常使用文本、图像等。
超链接语法：
a href=' https://www.Baidu.com/' target=' _ blank '百度有点/a 1. href是跳转到的统一资源定位符(URL )。 2 .如果2. target属性为_blank，则表示将在新页面上打开超链接。 默认情况下，在当前页面上打开的是_self。 3 .超链接标签中包含的内容(现在是“百度一次”字样)显示在页面上，供用户单击。 3 .图像和文件路径img 图片
在页面中插入图后，如下所示：
img src=' https://MD bootstrap.com/img/logo/MDB 192 x 192.jpg ' alt=' MDB logo ' width=' 200 ' height=' 200 '1. src 3 .可以为图像指定较高的宽度，但不推荐。 (图像可能变形。文件路径
要获取图像文件，必须指定文件的位置。 这称为文件路径。 文件路径有相对路径和绝对路径两种。
img src=“ picture.jpg”此图像文件与当前文档位于同一目录中
img src='./images/picture.jpg '此图像文件位于当前目录下的images目录中
img src='…/picture.jpg '此图像文件位于较高的目录中
4 .表单Table可能需要使用表单呈现页面内容。 我们
使用< table>等标签即可： <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>土豪的中心</td> <td>94</td> </tr> </table>其中< tr>表示行, < td>表示行中的单元, < th>是表头的单元。
5.列表 List无序列表
使用标签< ul>，默认使用实心圆点作为每项的标志，其它的标志可以是空心圆circle，实心方块square以及不出现标志。
有序列表
有序列表使用< ol>标签，默认使用数字作为每项的标志，其它的标志可以是大写字母A，小写字母a，罗马字母i等。
表单使用标签< form>，需要用户填写或者选择的信息等即可使用。
如输入用户名密码的例子如下：
下拉选择列表：
最喜欢的食物：<br> <select name="food"> <option value="X">西瓜</option> <option value="J" selected>橘子</option> <option value="P">苹果</option> </select><br> 总结HTML总而言之就是一种定义网页内容的含义和结构的超文本标记语言，不是一门编程语言。作为构成Web的一砖一瓦，与CSS和JavaScript一同成为构建Web程序的三剑客。
#参考资料：
棋歌教学网