/*
table
表格的标题
<caption></caption>
border 表格线
bordercolor 表格线颜色
cellspacing 单元格之间的距离
width 宽度
height 高度
首先定义一个表格范围使用table 定义一行用tr
设置对齐方式 align center 居中 left right
在每行里面有单元格 使用td 设置显示方式td也有align
使用th也可以实现单元格 而且加粗居中
操作技巧
首先数有多少行数里面有多少单元格
合并单元格 在td中加
rowspan 跨行
colspan 跨列
表单标签
可以提交数据到服务器 这个过程可以使用表单标签来实现
form 定义一个表单的范围
属性
action 提交到的地址 默认当前的页面
method 表单的提交方式
常用的有两种 get和post 默认get
get和method的区别
get请求地址栏会携带提交的数据 post不会携带(请求体里面)
get请求安全级别较低 post较高
get请求数据大小的限制 post没有限制
enctype 一般请求不需要这个属性 做文件上传时候需要设置这个属性
输入项可以输入内容或者选择内容的部分 标签内要有name 不然上传服务端的时候不知道你是什么
大部分的输入项 使用<input type="输入项的类型"/>
普通输入项 <input type = "text"/>
密码输入项 <input type="password"/>
单选输入项 <input type = "radio"/>
在里面需要属性 name
而且name的属性值 要相同
必须有一个value 值来区分
实现默认选中的属性
checked="checked"
复选输入项 <input type = "checkbox"/>
在里面需要属性 name
而且name的属性值 要相同
必须有一个value 值来区分
实现默认选中的属性
checked="checked"
文件输入项 在后面上传的时候用到
<input type = "file"/>
下拉输入项(不是在input 标签里面的)
<select>
<option></>
<option></>
</>
默认选择
selected="selected"
文本域
<textarea cols="10" rows="10"></>
隐藏项(不会显示在页面上 但是存在于html代码里面)
<input type ="hidden"/>
提交按钮
<input type ="submit" value="ee"/>
?输入项name的值=输入的值&输入项name的值=输入的值
参数类似于key-value的形式
使用图片提交
<input type="image" src=""/>
重置按钮 回到输入项的初始状态
<input type="reset"/>
普通按钮
<input type ="button"/>
如果表单里面的单元格没有内容可以使用空格作为占位符
b:加粗 s:删除线 u:下划线 i:斜体 pre 原样输出
sub 下标 sup上标
div 自动换行 span 行内
p 段落标签 比br多一行
html的头标签的使用
html两部分组成 head和body
在head里面的标签就是投标前
title 标签上显示的内容
base 为页面上的所有连接规定默认地址或默认目标(target)
<base target="_blank"/>
meta 提供有关页面的基本信息 还可以做页面自动跳转效果
<meta http-equiv="refresh" content="3";"url=http://www.sina.com.cn"/>表示打开此页面3秒后跳转到新浪
link 定义文档与外部资源的关系 引入外部文件
框架标签
frameset
按照行进行划分
rows="80,*" 2行 上面80 下面占全部 把页面划分成上下两部分
按照列划分
cols
frame
frameset cols="80,*" 把下面部分划分成左右两部分
frame
frame
frame
具体的页面
name="" src=""
使用框架标签的时候不能写在body里面 使用了框架标签 需要把body去掉
如果在左边的页面超链接想让内容显示在右边的页面中
设置超连接的target为右边页面的名称
a标签的扩展
百度是网络资源
当a标签里面访问网络资源时必须加一个协议http 表示一个网路的公共协议
如果加上http协议滞后 会自动识别访问资源是否是一个网络资源
当浏览器里面找到相关协议 首先看这个协议 是不是公共协议http
如果不是公共协议 去本地电脑找支持这个协议的应用程序
html的操作思想
使用标签把要操作的数据包起来 通过修改标签的属性值 来实现标签内数据样式的变化
font标签 属性 size 1-7 color 英文单词 十六进制数 #ffffff
标题标签 <h1></h1>...<h6></h6> 从h1到h6越来越小 自动换行
注释 <!----> 源代码存在 页面不显示
列表标签
<dl>
<dt></dt>
<dd></dd>
</dl>
有序 <ol><li></li></ol>
无序<ul><li></li></ul>
图像标签
<img src="" width="" height="" alt="">
alt 浏览器兼容性很差
路径 相对路径
在同一级目录 直接写
下一层 img\1.jpg
上层目录 ../1.jpg
超链接标签
<a href="路径">内容</a>
打开方式 target _self _blank
默认在当前页打开
表格标签
table
tr
td
th 加粗居中
表单标签
form
action 提交到的地址
method 提交方式 常用的是get post
enctype 上传的时候用
输入项
输入项里要写name
普通输入项 <input type="text"/>
密码password
单选框 radio
复选框 checkbox name=""
下拉框 select
option
文本域 textarea cols="" rows=""
文件 file
提交按钮 submit
重置 reset
使用图片提交<input type="image" src="">
普通按钮 button
隐藏 hidden
div和span
框架标签
*/
javawebday02(可以使用input中的img来实现图片提交)
最新推荐文章于 2022-05-16 09:47:44 发布