Html_表格与表单

表格的作用:

1. 格式化显示数据

2. 定位网页元素

tr(行) 嵌套(td) 列
border 边框属性
align = ‘center’
width 表格的宽度 可以用 百分比表示
th 是标题列 跟普通的列 有两点不同 一个是数据居中. 还有一个是数据自动加粗.

标题的使用
caption
放在表格里面 距离表格的距离会短一些
用h2 是放在表格外面 距离会远一些

<table>
<tr>
<td></td>
</tr>
</table>

表单处理布局发生变化问题
在进行网页浏览时,拖动网页的大小会使得网页里面的布局位置发生变化. 假如最大化窗口是一行3列, 变化位置会变成一行一列.
用表格来定位网页元素, 在窗口过于小的时候 , 会自动假如滚动条.

合并单元格问题
rowspan 合并行
colspan 和并列
合并了以后 多余的行数或者列数 需要删除, 不然会挤压影响布局外观.
应用
在图片与文字之间的镶嵌时, 可以用表格 再加上合并单元格.

Dreamweaver
是由Adobe 公司开发, 用于html开发.

步骤
最早的技术是 html HyperText Markup Language 超文本标记语言
xml是html的升级, 可扩展标记语言.
xml之后 html吸取xml的优点,变成 xhtml 再后来就是 xml

xml用来主要做配置文件.

属性窗口__ 窗口__ 属性
运行_ 快捷键_ F12
添加运行的浏览器_ 右键浏览器属性_ 复制粘贴目标文件位置

列表
列表_ 项目列表_ 无序的
列表_编号列表_有序的

插入表格_边距_间距
边距: 表格中的单元格中的文字 到 表格单元格边框的距离
间距: 表格单元格之间的距离

表单form

用来接收用户输入的数据

• form name = ‘’’’ 表单的名字 name 是用来获取参数值的一个标志
• input type = “text” name = ‘stuname’ 账户属性
• input type =’‘password’’ name = ‘’‘passw’ 密码属性
• 表单中密码是显示的 所以需要区别两种属性分别是
• method= get 会在地址栏显示请求参数的名称?stuname=zhangsan&pwd=meiyou
• method= post
• input type = “reset” 重置按钮是恢复到缺省状态

action

服务器处理请求的资源路径

readonly / disable

read 可以获得焦点 会提交数据
dis 不能获得焦点 不会提交数据

多行描述

textArea name = " " rows = “” colpans = “” 没有value 属性
input type = button onclick = “alert() = 弹窗!!!”

双引号使用规则

外双内单 内双外单

alert = Windows.alert 对象名.方法名. 使用多次后 省略对象 这是window 对象的方法

单选

input type = radio name = sex value = “1”

input type = radio name = sex value= “0”
对于单选框来说 name 相同就是一组 不然会出现可以两个都选上的情况 value 是提交的值 checked是默认选中的

复选

input type = checkbox name= aihao value= “1”
也是name 同样的是一组 跟单选框的设置方法相同 提交的值也是value的值

下拉列表框

select name=“city”
option value
option value
option value
/select
给某一个加上selected 就是默认选中状态!!!

下拉列表框变成 多选
Multiple 多样的:

隐藏域

input type = hidden name 不显示给客户你的Id

图像提交

用图片的当做提交按钮
img src = “路径”
input type = “image” srs = “路径” 图片具有提交按钮作用

上传文件

input type = “file” name = “myfile”
上传之后就会获取到 选择文件的完整的文件名