HTML笔记
HTML
一、HTML的概述
1、HTML简介
HTML(Hyper Text Markup Language)：超文本标记语言。（实现了超文本效果的标签语言）
文字：展示信息的
超文本：超越了文本的功能范畴。 / 超链接
JAVA语言：沟通 人和 虚拟机之间的桥梁
标记语言：标签语言 。 实现 超文本效果
标记就是标签
HTML不是一种编程语言，而是一种标记语言
HTML不需要经过编译
作用：
就是用来写网页的
2、HTML的书写规范
a).HTML的创建 可以使用文本编辑器来创建，扩展名html或htm 可以被IE（浏览器）解析浏览的。
b).HTML的结构
<html>
<head>
<title></title>
</head>
<body></body>
</html>
c).Html标签的规范
Html是由一对尖括号包裹着的关键字组成的。例如：<title>
HTML标签都是预定义的
HTML通常是成对出现的，是由一个开始标签和一个结束标签组成的。例如：
特殊情况：
HTML的空标签。例如：
没有内容体的标签 叫做空标签
空标签可以自关闭
HTML标签通常是有属性的。属性格式：属性名=”属性值” 可以用双引号、单引号或者不加引号。建议使用引号的。
例如：<font color="blue" size='22' face=隶书>真晴朗</font>
HTML是可以嵌套使用的。（只允许包裹嵌套，不允许交叉嵌套）
HTML是大小写不敏感的。推荐使用小写
HTML代码上的 空格和换行 都不会被解析执行
二、HTML的基本标签
1、文件标签
<html>标签
相当于类的大括号,
包裹了整个HTML文件,
声明了该文档是一个HTML文档。
<head>标签,
网页的说明信息,
它里面的内容是不会显示。
<title>标签
它是网页的标题
<body>标签
负责显示页面的
它里面的内容是会显示的
属性：
text 设置body标签中正文的颜色
background 设置body背景图片
bgcolor 设置body的背景颜色
重点：
1、webRoot下的 绝对路径和相对路径（重要）
绝对路径：文件在硬盘上的具体位置。 相对路径：文件相对于引入者的位置。 文件：IMG图片 引入者：HTML文档
相对路径中 /或者\都是可以的
注意，在WEB阶段还会涉及多种路径问题，这仅为其中一种
2、排版标签
<br/>标签
就是一个换行
是一个空格
代码中的多个空格 解析时 会合并成一个空格
特殊符号
& 开头 ;结尾的 一定是特殊符号
HTML注释 格式： 注释：程序员看的 不会显示在页面上的，会显示在源码上
标签（了解） 就是一个段落标签。段前段后各加一行
属性：
align 设置段落的对齐方式
标签（了解） 就是一条水平线 属性：
color 设置水平线的颜色 size 设置水平线的粗细 width 设置水平线的长度
扩展：
1、HTML长度设置（了解）
像素：width =”6”或者width =”6px” px像素 固定长度的
百分比：width =”80%”.它会随着浏览器改变而改变 相当于 包裹它的对象的百分比
不固定，会随着浏览器 (父对象/包容对象) 的改变而改变
2、块标签
HTML绝大多数都属于块级元素或者内联元素
3、字体标签(了解，已经被CSS取代了)
标签 设置字体的大小、颜色、字体类型 属性：
color 设置字体颜色 size 设置字体大小 取值范围 1~7
face 设置字体类型。 必须是系统中存在的字体类型
标题标签 h1~h6 h1最大，h6最小
斜体、粗体标签
4、列表标签
有序列表(ol标签) 属性
type 设置有序列表的项目序号。 A,I,1 start 设置有序列表的项目序号起始值。
无序列表(ul标签)（常用） 属性：
type 设置无序列表的项目标号。
列表项条目（li标签）
5、图片标签
属性：
src 设置图片引入路径的（常用） alt设置替代图片的文字（常用）
width 设置图片的宽度 height 设置图片的高度 border 设置图片的相框宽度 align 设置图片的对齐方式（不建议使用）
6、链接标签（重点）
超链接 如果要实现跳转链接，那么必须有内容。例如：内容 属性：
href 设置链接路径（常用） 访问内网：相对路径或者绝对路径 访问外网：需要加上http协议。 例如：http://www.baidu.com
name 设置锚点（常用，开发中用途不是你想的那么广泛，用JS也能实现） 配合herf使用 设置锚点，a标签可以没有内容
7、表格标签（重点）
财务数据
部门A 第一季度 100 部门B 第一季度 100 部门A 第二季度 100 部门B 第二季度 100
用表格规范化显示 财务报表 部门 第一季度 第二季度 平均 A 100 100 100 B 100 100 总共 400
表格标签 table,用来定义一个表格 行标签 tr，用来定义一个表格内的行 单元格标签 td，用来定义一个单元格。 th，用来定义一个表头单元格。默认居中加粗 td及th属性：
colspan 列合并 不同列的单元格合并 rowspan 行合并 不同行的单元格合并 表格标题标签 caption，用来定义一个表格标题 必须紧跟在table标签之后 标题仅有一个
分组标签（了解） 对表格中的行进行分组 thead 定义表格的页眉。仅有一个 tbody 定义表格的主体。一个或多个 tfoot 定义表格的页脚。仅有一个 如果在分组标签外定义了行，那么行默认属于TBODY 分组标签如果使用必须三个一起使用，否则无效果。 分行下载： 可以控制表格分行下载，从而提高下载速度。 在需要分行下载处加上和。
三、HTML的表单标签（重点）
作用：表单用来提交用户输入的数据。 是一个WEB程序的 数据入口
1、表单标签
浙公网安备 33010602011771号