1. HTML简介
2. HTML文件的书写规范
如上图是我们在idea创建一个HTML文件后出现的代码
值得注意的是：对比java文件，java文件需要先编译，再由java虚拟机跑起来，但是HTML文件不需要编译，直接由浏览器进行解析执行
我们对其分析小结：
HTML文件通常由html标签组成，而html标签又包含了head头标签和body“身体”标签
3. 标签基本语法介绍
-
对比java的大小写敏感，标签名对大小写是不敏感的
-
标签不能交叉嵌套
-
标签必须正确关闭（即对双标签而言必须有头有尾，即使有时候标签不闭合也不会报错）
-
标签属性必须有值，且属性值必须加引号
-
注释不能嵌套
4. 常用标签介绍（可在用到时再查询资料，但要知道有这些标签）
4.1 font标签
font标签用于文本的字体、字体尺寸、颜色
4.2 特殊字符处理（字符实体）
4.3标题标签
效果如下：
4.4 超链接
在网页中所有点击之后可以跳转的内容都是超链接
4.5列表标签
效果图如下：
其中
- 标签代表“unordered list”无序列表
- src用于得到图片所在地址（这里涉及到路径问题），
- 属性height用于设置图片长度，
- width用于设置图片宽度，
- border用于设置图片边框，
- alt用于设置当图片找不到时所显示的语句
- colspan属性设置跨列
- rowspan属性设置跨行
- 在ifarme标签中使用name属性给小窗口起个名
- 在a标签中使用target属性指定小窗口（即使用小窗口的名字）
- 标签代表“ordered list”有序标签
且有属性type可改变样式
4.6 img标签（单标签）
img标签主要用于在网页上插入图片
效果如下图，其中img标签属性
4.7 table标签
针对表格的跨行跨列，td标签有以下属性
效果如下
4.8 ifarme标签
ifarm标签可以在网页上开辟一个小区域显示一个单独的页面，我们常用它开辟一个页面来显示菜单
下面我们进行演示：
这里我们使用无序列表列出一个菜单，我们希望点击菜单里的东西后可以在ifarme的小窗口进行跳转
步骤如下：
效果如下：
4.9 form及相关标签
form标签代表表单，主要可用于收集用户信息
效果图如下：
通常来说form标签会与table标签一起使用，如下图所示（其他内容以此类推）
这样使用能使得我们的表单内容更为工整，效果如下
4.10 div标签、span标签、p标签
效果图如下：
