文档手册:W3school
标签不能嵌套
标签必须正确关闭
属性必须有值,属性值必须加引号
常用标签:
*font 表示字体标签,用来修改字体、颜色、尺寸
color 属性修改颜色
face 属性修改字体
size 属性修改尺寸
*h1到h6 标题标签
align 属性用来对齐
left 左对齐(默认)
center 居中
right 右对齐
*a 超链接,在网页中所有点击之后可以跳转的内容都是超连接
href 属性设置连接的地址
target 属性设置哪个目标进行跳转
_self 表示当前页面(默认值)
_blank 表示打开新页面来进行跳转
div 默认独占一行
常用的特殊字符:
*< <
*> >
*空格
列表标签:
ul 无序列表
ol 有序列表
li 列表中的每一项
img标签
img 图片标签,用来显示图片
src 设置图片的路径
width 设置图片的宽度
heigh 设置图片的高度
border 设置边框大小
alt 设置指定路径找不到,用来替代显示文本的内容
在web中分为相对路径和绝对路径
相对路径:表示当前目录,. 表示当前文件所在的目录./文件名,./可以省略
.. 表示当前文件的上一级目录
在java中从工程名开始算
绝对路径:http://ip:port/工程名/资源路径
在java中:盘符/目录/文件
表格标签:
table 表示表格标签
border 设置边框
width 设置宽度
height 设置高度
align 设置表格对齐
cellspacing 设置单元格间距
tr 行标签
th 表头标签
td 单元格标签
align 设置单元格文本对齐
b 加粗
跨行跨列
colspan 属性设置跨列
rowspan 属性设置跨行
iframe 框架标签
可以在页面上开辟一个小区域显示一个单独的页面
iframe和a标签组合使用的步骤:
1.在iframe标签中使用name属性定义一个名称
2.在a标签的target属性上设置iframe的name的属性值
表单
表单就是html页面中,用来收集用户信息的所有元素集合,然后把这些信息发送给服务器
form 表示表单
action属性设置提交的服务器地址
method属性设置提交的方式:get或者post
表单提交的时候,数据没有发送给服务器的三种情况:
1.表单项没有name属性值
2.单选、复选(下拉列表中的option标签)都需要添加value属性,以便发送给服务器
3.表单项不在提交的form标签中
input 表示输入框
input type="text" 文本输入框 value设置默认显示内容
input type="password" 密码输入框 value 设置默认显示内容
input radio 单选框 name属性进行分组 checked="checked"表示默认选中
input checkbox 复选框 checked="checked" 表示默认选中
input reset 重置 value修改按钮上的文本
input type="submit" 是提交按钮 value修改按钮上的文本
input type="button" 是按钮 value修改按钮上的文本
input type="file" 是文件上传域
input type="hidden" 是隐藏域 当我们要发送某些信息,而这些信息,不需要用户参与,就可以使用隐藏(提交的时候同时发送服务端)
placeholder 隐式输入
name 进行分组
checked="checked" 表示默认选项
select 下拉列表框
option 标签是下拉列表框中的选项 selected="selected"设置默认选中
textarea 表示多行文本输入框(起始标签和结束标签中的默认值)
rows 属性设置可以说是显示几行的宽度
cols 属性设置几个字符的宽度
1.*action:指定当单击表单内的“确认”按钮时,该表单信息被提交到哪个地址。该属性既可以指定一个绝对地址,也可以指定一个相对地址,当不填时是当前页面的地址。
2.*method:指定提交表单时发送何种类型的请求,该属性值可以为 get 或 post,分别用于发送 GET 或 POST 请求,表单默认以 GET 方式提交请求。GET 请求和 POST 请求区别如下:
get和post请求的特点
GET请求的特点:
1.浏览器地址栏中的地址是:action属性[url?请求参数]
参数格式:name=value&name=value
2.不安全
3.它有数据长度的限制
POST请求的特点:
1.浏览器的地址栏只有action属性值
2.相对于get请求是安全的
3.理论上没有数据长度的限制