1、HTML的简述
1.1、HTML是什么？有什么作用？
HTML：（Hyper Text Markup Language） 超文本标记语言
文本：相当于记事本里写的文字。 展示信息超文本：超越了文本仅仅展示信息的功能范畴。泛指：图片、有样式的文字、点击跳转页面的文字
HTML是由标签所组成的语言，能展示超文本效果HTML是用来写网页的，是设计页面的基础。
1.2、HTML的入门案例
步骤1：创建文件，后缀名为html
步骤2：用记事本打开文件，并且编写文字
步骤3：用浏览器打开。

<font color="red">今天天气真好！</font>

1.3、HTML的语言特征
l HTML代码是由头和体组成。


标题 需要展示给用户看的信息内容 标签就相当于 java类 大括号中存放的都是网页的说明性内容，例如标题 HTML文件的扩展名为html或者htm。 Htm是老的命名规范，html的新的l HTML文件由浏览器直接解析执行，无需编译，直接由上到下依次解析执行。 HTML标签通常由开始标签和结束标签组成。例如: 内容体开始标签和结束标签之间的内容叫做内容体 HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如：


自关闭 HTML标签不区分大小写，为了方便阅读，建议使用小写。 HTML标签是有属性的，格式为：属性名=”属性值”，属性值用引号引起。引号包含单引号和双引号

2、HTML的基本标签
2.1、 字体标签和格式化标签
2.1.1、
字体标签，用于展示效果中修饰文字样式<font 属性名=”属性值”>文字Ø size:控制字体大小.最小1 ~ 最大7。 如果设置范围不在1~7之间，设置无效Ø color：控制字体颜色. 使用英文设置（例如：red,blue…） face：控制字体类型。只能设置系统字库中存在的字体类型

<font color="red" size="70" face="楷体">今天天气真好！</font>

2.1.2、

HTML源码中换行，浏览器解析时会自动忽略。换行标签，用于展示效果中换行
2.1.3、



段落标签，用于展示效果中划分段落。并且自动在段前和段后自动加空白行


align:段落内容的对齐方式默认是left， 内容居左


Right 右


Center 居中


2.1.4、



标题标签，用于展示效果中划分标题其中

最大，

最小
2.1.5、
HTML源码中的多个空格，效果中最终会合并成一个。空格符号，用于展示效果中显示一个空白的位置
2.1.6、HTML注释
用于注释HTML源码，不在HTML效果中展示。 只能在源码中看到，页面展示效果中是没有格式：
2.2、 图片标签
2.2.1、
用于在页面效果中展示一张图片。Ø src：指明图片的路径。（必有属性）图片路径的写法： ①内网路径： 绝对路径：文件在硬盘上的具体位置。【不建议使用】 例如：C:\ JavaWeb001_html\img\c_1.jpg 相对路径：从引入者所在目录出发。【建议使用相对路径】 例如：…/img/c_1.jpg …/表示上一层目录 ./表示当前目录
②互联网路径： 必须前面加上http:// 例如：http://www.baidu.com/xxx.jpg
Ø width：图片宽度Ø height：图片的高度宽度和高度的设置：默认单位是px，像素。例如：width=”400” 其实设置的是 width=”400px”。固定设置方式 百分比设置。例如：width=”50%”。 是父标签的百分比。 动态改变的。
2.3、 列表标签
2.3.1、
无序列表标签，用于在效果中定义一个无序列表
2.3.2、
列表条目项标签，用于在效果中定义一个列表的条目
2.3.3、
有序列表标签，用于在效果中定义一个有序列表
2.4、 超链接标签
2.4.1、
超链接标签，用于在效果中定义一个可以点击跳转的链接Ø href：超链接跳转的路径 (必有属性)内网本机路径：相对路径和绝对路径互联网路径：http://地址本页：默认跳转到本页 超链接正常工作：①a标签中必须有内容 ②a标签必须有href属性