html学习笔记
客户端技术：(web的基础)
HTML、CSS、JS---页面，有浏览器即可运行
服务器端技术：
Sevlet、JSP/PHP/https://www.360docs.net/doc/fb4858918.html,--结合页面
一：HTML 概述
1、什么是 HTML（Hypertext Markup Language）：超文本标记语言(一种设计网页的纯文本类型的语言)，文件以 .htm/.html 为后缀，由浏览器解释运行.
是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，
通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
2、特点:超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入,
(1)简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
(2)可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
(3)平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
3、整体结构：
HTML 的标准结构
－－版本信息：传统型（过渡型）、严格型、框架型
--头部分：提供关于网页的信息
--head 元素
--title:标题
--meta:
--script:
--style:
--link:
－－主体：提供网页的具体内容
二：html 标签
1、什么是HTML标签：超文本标记语言（HTML）标记标签通常被称为HTML标签，
HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
2、特点：
（1）由尖括号包围的关键词，比如
（2）通常是成对出现的，比如
（3）标签对中的第一个标签是开始标签，第二个标签是结束标签；
（4）开始和结束标签也被称为开放标签和闭合标签。
（5）也有单独呈现的标签，如：
等。（6）一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如
标题
和 。（7）网页的内容需在标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中，而网页需展示的内容需嵌套在标签中。某些时候不安标准书写代码虽然可以正常显示，但是
作为职业素养，还是应该养成正规编写习惯。
3、种类：
A标签：链接标签
H标签：标题标签
P标签：段落标签
BR标签：同样也是段落标签
UL标签：列表标签
IMG标签：图像标签
TABLE标签：表格标签
FORM标签：表单标签
FRAMEST标签：框架标签
IFFRAMEST标签：浮动框架标签
具体HTML标签，请见HTML标签列表。
三、图像和链接
1、图像：
2、url地址：相对路径、绝对路径
---相对于当前页面文件
---绝对路径、全路径
3、链接：被点击的对象
click me
4、设置打开的目标位置：
1）、替换原有页面----_self
2）、打开一个新窗口----_blank
5、链接的跳转：
1、页面之间的：A页面--B页面
2、同一页面上的不同部分之间：
回到顶端：XXXX
使用锚点：页面不同部分之间的定位
----锚点
隔开很多内容
To,,,,---链接
四：列表
1、无序列表(ul)，包含列表项（li--list item）
2、有序列表（ol--ordered list）
3、列表的嵌套：创建出多级目录形式
五：表格
1、应用：
数据的显示：网格数据
页面的布局上
2、表格的基本结构： table/tr/td（单元格）
3、常用属性
table：border/width/height/align
td:width/height/align(left、right、center)/valign(top、middle、bottom)
cellspacing：表格与单元格边框之间的距离
cellpadding：单元格内容和单元格边框之间的距离--内边距
4、表格的复杂结构
行分组：thead/tbody（常用）/tfoot
表格的标题：
5、不规则表格：td的colspan/rowspan属性，设置单元格跨列或者跨行
6、表格的嵌套：实现复杂的布局、数据显示时将 table 结构写入一个 td 里
六、表单：
1、form：是一个包含表单元素的区域（表单，承载表单上的元素，提交数据）。
2、表单中的元素
input 元素：使用 type 属性区分各种输入框
文本框：
密码框：
单选框：
多选(复选/核选)框：
提交按钮：
发生提交动作，默认，将名值对附加到url后，提交
重置按钮：
将页面恢复到初始状态
普通按钮：
隐藏域：
常用于记载那些不需要在页面显示的数据，比如id
文件域：
input 元素的常用属性：
name：标识，用于提交数据，名值对的方式
value：记载值
checked: 适用于单选或者多选，默认选中
非input 元素
select 元素：列表框或者下拉框（size 属性）
包含