HTML基础
HTML概念:概念:超文本标记语言 Hyper Text Markup Language
特点:1、不需要编译,直接由浏览器执行
2、一个文本文件
3、必须使用html或者htm作为文件名的后缀
4、对大小写不敏感,HTML和html都一样
基本结构:1、头部信息 测试
2、网页内容 网页主体内容
3、整个html文件
DOCTYPE 文档类型声明
1、声明必须放置到文档第一行
2、<!DOCTYPE>声明不是html标签
HTML表格
基本语法:
Caption -- 表格的标题 居中显示 -- 表头 Tr Th/th -- 表格头,内容居中显示,加粗显示 /tr -- 表格的主体 Tr Td/td -- 表体 -- 默认靠左显示 不加粗 /tr -- 脚注 Tr Td/td -- 表体 -- 默认靠左显示 不加粗 /trWidth px / % 规定表格的宽度
Align left center right 表格相对周围元素的对齐方式
Border px 规定表格边框的宽度
Bgcolor rgb(x,x,x) #xxxxxx colorname 表格的背景颜色
Cellpadding px % 单元边沿和内容之间的空白
Cellspacing px % 单元格之间的空白
Frame 属性值 规定外侧边框的哪个部分是可见的
rules 属性值 规定内测边框的哪个部分是可见的
frame外部边框样式
frame 1、void 不显示外侧边框
2、above 显示上部外侧边框
3、below 显示下部的外侧边框
4、hsides 显示上下部
5、vsides 显示左右
6、lhs 显示左边
7、rhs 显示右边
8、box 显示所有四个边
9、border 显示四个边
具体属性设置:
1、tr标签的属性设置
align left center right justify char 行内容的水平对齐方式
valign top middle bottom baseline 行内容的垂直对齐方式
bgcolor rgb(x,x,x) #xxxxxx colorname 行的背景颜色
---- colorname 规定颜色的名称 比如;red yellow blue green
#xxxxxx /#xxx 16进制表示方式:#0-f的值
rgb(x,x,x) 规定rgb代码的字体颜色 0~255
(拓展:rgba) – 对于颜色设置不支持颜色的三原色:红绿蓝
2、td和th属性设置
align left center right justify char 单元格内容的水平对齐方式
valign top middle bottom baseline 单元格内容的垂直对齐方式
bgcolor rgb(x,x,x) #xxxxxx colorname 单元格的背景颜色
width px % 单元格的宽度height % px 单元格的高度
3、thead tbody tfoot属性设置
align left center right justify char 单元格内容的水平对齐方式
valign top middle bottom baseline 单元格内容的垂直对齐方式
colspan – 列合并
rowspan – 行合并
HTML表单
表单控件的常用属性:
name 指定控件的名称,可重复
id 指定标签的唯一识别(类似身份证)
value 输入的控件的值(收集,设置) – 用于传递到后台使用的checked 复选框(单选)默认被选中的项目
selected 列表框默认被选中
src 图片框的图片来源
onclick 鼠标的单击事件
disabled 禁用该控件
multiple 允许多选(适用于普通列表框)
action传递到后台的,收集数据传递到后台进行响应 – 相对路径,绝对路径地址或者文件
method
1、post 表示隐式的提交,对安全信息保护的比较好
2、get 表示显示的提交,对信息的保护不是特别好,会将数据显示在url地址上
label
1、此标签可以放置纯文本,专门用于显示文字使用的,和不加此标签效果一样;
2、后期可以对此文本进行css样式的设置
radio的name属性
1、name是一样的话会被认为是一组单选框,意味着只能选中一个;
2、name值不一样,表示他们不是一组,可以同时选中;
按钮解析
1、button普通按钮回和后面的JavaScript联动使用
2、submit则是具有提交的功能
表单的其他控件普通列表框(非下拉列表框)隐藏域 – 虽然是隐藏的,但是主要作为前台不方便被其他人看到,但是需要传递到后台的数据上传控件 – 选择文件和后台脚本联动上传多行文本域 – 用于论坛发帖,长文档的输入
拓展分组下拉菜单 – optgroup