HTML ：HyperText Mark-up Language, 指的是超文本标记语言，用来开发网页，标记其实就是标签, <标签名称> </标签名称> 标签：
常用标签有20多个1个html文件用浏览器打开就是1个网页标签一般使用小写有单标签和双标签，如:head,br超文本： 网页当中可以存放图片、视频、音频，超链接等内容(超越文本限制) 基本结构：
<!-- 文档声明：html文档 --> <!DOCTYPE html> <!-- "en"表示当前网页的语言是英文，改成"zh"表示是中文,一般不指定，默认是中文 --> <!-- html标签是文档开始和结束标签，告诉浏览器，整个网页是从<html>开始，到<html>结束--> <html lang="zh"> <!-- head标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件--> <head> <!-- 指定网页的编码格式 --> <meta charset="UTF-8"> <!-- 在移动设备打开网页时，网页不缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 网页的标题 --> <title>我的html学习</title> </head> <!-- body标签用于编辑网页上显示的内容 --> <body> 大家好，这是我的第一个网页，请指教！！！ </body> </html>显示结果：
成对出现 1、标题标签：h1-h6依次表示6级标题，h1文字最大 如：
<body> <h1>我的第1级标题</h1> <h2>我的第2级标题</h2> <h3>我的第3级标题</h3> <h6>我的第6级标题</h6> </body>显示结果： 2、容器标签div，可以包裹其他标签内容 3、段落标签p，段和段之间会自动换行 如：
<body> <!-- div:容器标签 --> <div>哈哈哈，我是容器标签</div> <!-- p:段落标签 --> <p>哈哈哈，我是段落标签，段落1</p> <p>哈哈哈，我是段落标签，段落2</p> </body>显示结果：
只有标签没有内容
1、img标签：插入图片 src:图片位置，相对路径或绝对路径均可，一般使用相对路径，主要是方便自己创建的工程共享给别人使用 相对路径：从当前html文件算起的路径 如：img/cat.jpg 绝对路径：从根目录算起的路径 如：E:\code\html\img\cat.jpg alt:图片显示失败时显示到网页 2、br标签：插入一个换行符 如：
不加br标签：<body> <h1>我想看几张可爱的小猫咪照片</h1> <!-- img标签：显示图片，alt:图片加载失败时显示 --> <img src="img/cat1.jpg" alt="小猫咪找不到啦"> <img src="img/cat1.jpg" alt="小猫咪找不到啦"> </body>显示结果：
加入 br标签 <body> <h1>我想看几张可爱的小猫咪照片</h1> <!-- img标签：显示图片，alt:图片加载失败时显示 --> <img src="img/cat1.jpg" alt="小猫咪找不到啦"> <br> <img src="img/cat1.jpg" alt="小猫咪找不到啦"> </body>显示结果：
若图片找不到时，显示结果带有属性的标签 1、如上的img标签 2、a标签：显示1个超链接 如：
<body> <a href="www.baidu.com">直接点击此处，可进行搜索</a> </body>显示结果：
按照列表的方式显示
无序列表标签(ul标签)，定义没有顺序要求的列表有序列表标签(ol标签)，定义有顺序要求的列表 如： <body> <ul> <!-- 无序列表 --> <!-- li标签定义列表项目 --> <li>猫</li> <li>狗</li> <li>狼</li> </ul> <ol> <!-- 有序列表 --> <li>小明</li> <li>小红</li> <li>小丽</li> </ol> </body>显示结果：
类似于excel，有行和列 table标签:表示一个表格
tr标签：表示表格中的一行td标签：表示表格中的一列th标签：表示表格中的表头 由于写的是入门知识，很多人可能还没有学过CSS，因此样式定义采用的是行内式，写起来会比较麻烦，这种方式目前前端开发很少有人会用到，如果大家会使用CSS的话，会简单很多 如： <body> <!-- style:加样式,边框线粗3px,实线,黑色,border-collapse:设置表格边线合并; --> <table style="border:3px solid black;border-collapse:collapse"> <tr> <th style="border:1px solid black;">姓名</th> <th style="border:1px solid black;">年龄</th> <th style="border:1px solid black;">性别</th> <th style="border:1px solid black;">爱好</th> </tr> <tr> <td style="border:1px solid black;">小明</td> <td style="border:1px solid black;">10</td> <td style="border:1px solid black;">男</td> <td style="border:1px solid black;">画画</td> </tr> <tr> <td style="border:1px solid black;">小红</td> <td style="border:1px solid black;">8</td> <td style="border:1px solid black;">女</td> <td style="border:1px solid black;">唱歌</td> </tr> <tr> <td style="border:1px solid black;">小美</td> <td style="border:1px solid black;">12</td> <td style="border:1px solid black;">女</td> <td style="border:1px solid black;">跳舞</td> </tr> </table> </body>显示结果：
