Html笔记整理
doctype-->文档类型(文档声明)
html 文档基本结构
- ... 圆点
- ... 圆点
- ... 圆点
- ... 1.
- ... 2.
- ... 3.
8.图片标签
1.
URL:指存储图像的位置
图片路径：可以使用 绝对路径 或 相对路径
相对路径的写法：
比如在于html文件为同目录中 有个文件夹 里面有个图片叫 图1.jpg
.\images\图1.jpg
images\图1.jpg
在html文件的上级目录中 有个文件夹 里面有个图片叫 图1.jpg
..\images\图1.jpg
.表示当前目录 ..表示上级目录
2.常用属性：
width 设置宽度
height 设置高度
alt 图片加载失败信息
title 图片的描述
9.超链接标签
1. ...
跳转的资源路径可以是 网站路径 或 文件路径 或 以后一个javaweb程序路径
网站路径：前面要写http://
文件路径：可写相对和绝对路径
2. 常用属性:
2.1 target = _self (在当前窗口显示目标资源)| _blank(新开启一个窗口)
2.2 定义锚点：
配合
回到顶部
10.表格标签（学习JS JQuery 时会再一次用到）
1.
2.表格绘制基本方式：
table=表格 border=边界 bordercolor=边框色彩;边框颜色;边缘色彩 cellspacing=单元格间距 cellpadding=单元格边距
align=对齐;排列（left|center|right=左中右对齐方式） bgcolor=背景颜色 width=宽度 height=高度
| 表格的表头 | |
|---|---|
| .. | -- 一对td代表一列.. |
| .. | .. |
11.表单标签 重点
1.表单的作用：用来收集用户信息（账号，密码等）
2. 定义表单：
3. 表单标签核心属性：
Action属性:是一个web程序的路径资源信息，用来指定表单中信息提交到给哪个程序代码进行处理，这样的程序如何书写在servelet处进行讲解
提交到指定的网页/指定地址
Method=GET|POST : 指定表单数据提交的方式.
GET提交数据：(表单默认提交数据的方式)
1. 以地址栏拼接的方式传递数据， 语法是： url?name1=val1&name2=val2...
2. 缺点：
2.1 由于是明文传输数据， 不安全。
2.2 传输的数据量小， 大概是4KB
POST提交数据：
1. 是将数据打包成文件的方式传递
2. 优点：
2.1 安全
2.2 对传输数据量的大小没有限制
4. 表单元素：
value 是浏览器 打开后中框中出现的值
4.1 文本输入框： | name属性值是未来程序获取数据的依据
4.2 密码输入框：
4.3 提交按钮： | 用于提交表单
4.4 重置按钮： | 将表单内容重置为默认状态
4.5 单选按钮： |
一组单选 name属性是一致的，而一组中只能有一个选项被选中
一个选项被选中时，该name对应的值是被选选项的value属性中的值
4.6 多选框:
一组多选按钮的值也需要一致，一组中可以有多个选项被同时选定
被选定的选项都会把该选项的value属性的值进行提交
4.7 下拉列表：
4.8 文本域 ：
5. 补充表单相关
5.1 普通按钮： ---常常和超链接一起使用给超链接中套一个按钮会变得更美观
5.2 隐藏的文本框： 主要用于提交一些额外的数据， 方便与编程人员开发的。 没有任何样式。
-- 数据会随着表单的提交而提交
5.3 文件上传元素：
5.5 几个特殊属性：这是四个不需要赋值的属性 学习JS Jquery时会再次用到
- checked 配合单选按钮或多选框使用， 代表默认选中的含义
- selected 写在下拉列表的option标签上，代表默认选中的含义
- readonly 只读，不能修改。 但是数据会随着表单提交
- disabled 禁用， 数据不会提交了
12.网站背景音乐实现方法：
标签：
属性：balance 设置音乐的左右均衡（一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置）
delay 是进行播放延时的设置
loop 是循环次数的控制（loop="-1"表示音乐无限循环播放）
src 则是我们音乐文件的路径
volume 是音量设置
另一个标签：。
13.日期标签：
14.邮箱标签：
15.数字输入框
16.URL输入框