没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
一、表格练习
分析:有五列,
< colspan=# >列的合并,<rowspan>代表行的合并,#代表数值
代码:
<html>
<head>
<title>菜谱</title>
</head>
<body>
<table align=center border=1 bordercolor=#E674FA cellspacing=0 height=80
width=400px border=1>
<tr align=center><td colspan=3>星期一菜谱</td></tr>
<tr align=center ><td rowspan=2>素菜</td><td>青草茄子</td><td>花椒扁豆</td></tr>
<tr align=center ><td>小葱豆腐</td><td>炒白菜</td></tr>
<tr align=center ><td rowspan=2>荤菜</td><td>鱼香肉丝</td><td>油焖大虾</td></tr>
<tr align=center ><td>海参鲍鱼</td><td>龙肝</td></tr>
</table>
</body>
</html>
二、无序列表和有序列表
1、Html 列表-无序列表
<ul type=”属性值”>
<li>列表内容</li>
</ul>
设定符号款式有三种,默认为 type=“disc”实心圆点
type=“circle”空心圆
type=“square”空心正方形
2、有序列表
<ol type=”属性值” start=”起始值”>
<li >列表内容</li>
</ol>
Ol(order list)称为顺序列表标记,设定数目款式其值有五种,默认为 start=“1”(即从 1 开
始,也可以从 6 或者其他数字开始),可以取阿拉伯数字、小写字母、大写字母、小写罗
马数字、大写罗马数字。在 HTML 4.01 中,不赞成 start 属性;在 XHTML 1.0 Strict DTD
中,不支持 start 属性。请使用 CSS 代替。
三、框架标记(frame)
<frameset frameboder=”边框大小” cols=”各窗口百分比,隔开”
rows=“各窗口百分比”>
<frame name=”给 frame 取名” src=“html 路径” noresize>
</frameset>
Frameset 和 frame 总是在一起使用,cols 按照列分,rows 按照行分,
当把两个不同的网页通过框架放入另一个网页时,body 标签就得去
掉,框架可以拖拽,当不允许拖拽,只要添加 noresize。
aa.Html 和 bb.html 通过 all.html 形成框架。
<frameset cols=”20%,*” >
<frame src=”aa.html” noresize/>
<frame src=”bb.html” >
</frameset>
*代表余数。
练习:
分析:先把网页分为了上下两个部分,然后又分为了左右两个部分。
代码:<frameset rows="20%,*">
<frame name="top.html" src="top.html" noresize="noresize">
<frameset cols="40%,*">
<frame name="left.html" src="left.html" noresize="noresize">
<frame name="right.html" src="right.html" noresize="noresize">
</frameset>
</frameset ><noframes></noframes>
四、 表单元素
Html 的表单元素主要用于让用户输入数据然后并提交给服务器。
基本语法:<form action=”url” method=”提交的方法(get/post)” >默
认是 get
各种元素(输入框、下拉列表、文本域、密码框。。。。)
</form>
案例:
代码:<html>
<head>
</head>
<body>
<form action=”url” method=”get”>
用户名<input type=”text” name=”username”/></br>
密 码<input type=”password” name=”psd”/></br>
<input type=”submit” name=”登陆”/>
<input type =”reset ” name=”重新填写”>
</form>
</body>
</html>
从上面的案例可以看出:
(1)表单元素的格式:
<input type=”” name=”” />
Type=text(文本框) password(密码框)hidden(隐藏域)checkbox
(复选框)radio(单选框)submit(提交按钮)reset(重置按钮)image
(图片按钮)
Name 是你给该表单元素取名
(2)action 制定把请求交给哪个页面,post 不会把密码和用户名在
地址栏上写的,get 却可以。一般用 post。
(3)按钮用图片代替:<input type=”image”>
(4)用复选框时,同种类的物品最好 name 写成一样的。单选框也一
样。
例:选择男女
<input type=”radio” name=”sex”/>男</br>
<input type=“radio” name=”sex”/>女</br>
(4)hidden 隐藏的用处主要是,即可提交数据,同时不影响界面
<input type=”hidden” value=”” name=”” />
(5)下拉列表用 select
例:请选择你的出生地
<select name=”biradd”>
<option value=”s”>----请选择----</option>为了好看并便于控制宽度常常这么写
剩余72页未读,继续阅读
guiyidexin
- 粉丝: 3
- 资源: 30
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页