一、初始HTML
（一）HTML概念简介
HTML的全称为 “Hyper Text Markup Language” (超文本标记语言)，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
（二）HTML的发展历程
（三）HTML特点
- Java 依靠 JVM 虚拟机可以实现跨平台运行Java程序。
- HTML 基于浏览器的应用直接具有跨平台的特性。
（四）HTML5的标准
（五）HTML 开发工具
- HTML开发常用IDE
- 记事本
- Dreamweaver
- IDEA
- WebStorm
其中IDEA内集成有WebStorm的开发功能
二、HTML的基本结构
三、IDEA中开发HTML
（一）HTML开发规范
（二）运行HTML程序
1.html基本结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
2.运行浏览器的Path设置
3.运行途径
四、常见标签学习
（一）基本标签
| 基本标签 | 快捷输入 |
| 注释 | ctrl + / |
| 标题 | h + Tap |
| 段落 | p + Tap |
| 分割线 | hr + Tap |
| 换行 | br + Tap |
（二）字体标签
| 字体标签 | 快捷输入 |
| 字体加粗 | strong + Tap / b +Tap |
| 字体斜体 | em + Tap / i + Tap |
（三）特殊标签
| 特殊字符 | 快捷输入 |
| 空格 |   |
| 大于号 | & |
五、标签使用演示
（一）标题标签
<!-- 告诉浏览器 我们使用的是什么规范 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <!--网页的主体--> <body> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> </body> </html>
（二）段落标签
<!--段落标签--> <p>跑得快跑得快</p> <p>一只没有耳朵</p> <p>一只没有尾巴</p> <p>真奇怪真奇怪</p> <p>两只老虎两只老虎</p>
（三）换行标签
<!--换行标签--> 跑得快跑得快<br> 一只没有耳朵<br> 一只没有尾巴<br> 真奇怪真奇怪<br> 两只老虎两只老虎<br>
（四）水平线标签
hr + Tap
<!-- 2.水平分割线标签，通过属性来设置分割线的宽，粗细，颜色 width:宽 size:粗细 前端的长度表示法 1.像素表示法：单位是px 分辨率：1366*768 水平方向有1366个像素点，数值方向有768个像素点 2.百分比表示法，占父标签的百分比 color:颜色 颜色表示法 1.英文表示法 2.16进制表示法（开发中使用）#000000 3.RGB表示法（0-255,0-255,0-255） --> <hr width="80%" size="10px" color="#000000">
（五）字体样式标签
粗体<strong>i love you</strong> 斜体<em>i love you</em>
<!-- 文字标签：fond这个标签已经过时了，我们今后使用css来设置文字的颜色，大小，字体 通过color属性，设置标签里面文字的颜色 通过size属性，设置文字的大小 通过face设置字体属性 --> <fon color="red" size="8" face="楷体">你好世界</font>
（六）特殊符号
<!--t特殊符号--> 空格 空 格<br> ><br> <<br> ©版权所有符号
六、图像标签
图像标签
- 常见的图像格式
- JPG
- GIF
- PNG
- BMP（位图）
- …
<img src="path" alt="text" title="text" width="x" height="y" /> src：图像地址 alt：图像的替代文字 title：鼠标悬停提示文字 width：图像宽度 height：图像高度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <img src="../resources/images/1.jpg"alt="演示图片"title="悬停文字"> </body> </html>
（一）概念补充
使用相对路径把图像加入HTML 文件
<img src="../resources/images/1.jpg"alt="演示图片"title="悬停文字">
