HTML列表框架以及表单16页文档资料Word格式.docx
- 文档编号:22134448
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:14
- 大小:40.80KB
HTML列表框架以及表单16页文档资料Word格式.docx
《HTML列表框架以及表单16页文档资料Word格式.docx》由会员分享,可在线阅读,更多相关《HTML列表框架以及表单16页文档资料Word格式.docx(14页珍藏版)》请在冰豆网上搜索。
/td>
tdcolspan="
5"
align="
上课<
2"
休息<
/tr>
trbgcolor="
pink"
th>
星期<
/b>
/th>
星期一<
星期二<
星期三<
星期四<
星期五<
星期六<
星期日<
tdrowspan="
4"
上午<
语文<
数学<
英语<
物理<
计算机1<
地理<
历史<
化学<
计算机2<
CAD<
AI<
淘宝<
图形图像<
网站后台<
学历<
日文录入<
公建<
方正飞腾<
网页三剑客<
计算机4<
tr>
>
下午<
平面设计<
装潢<
日语<
会计<
PS<
计算机6<
/table>
/body>
/html>
--Html不区分大小写-->
2.无序列表
ul>
li>
/li>
/ul>
案例:
代码:
实例<
bodystyle="
margin-top:
0px;
"
ultype="
circle"
英雄<
精武门<
西游记<
☞type可以取disc、circle、square
有序列表
oltype="
1"
start="
卢俊义<
吴用<
林冲<
/ol>
☞type用于指定用什么来显示,start表示从第几开始计算.
type有:
阿拉伯数字1,2,3,…
小写字母a,b,c,…
大写字母A,B,C,…
小写罗马字母i,ii,iii,…
大写罗马字母I,II,III,…
二、框架浮动窗口表单及表单控件:
Frameset框架集
用途主要是用于分割显示多个页面
☞frameset和frame配合使用,一般讲是用于后台页面
快速入门:
代码
a.html页面用于保护其它页面
framesetcols="
30%,*"
--noresize不能托动框架边框-->
framename="
frame1"
src="
b.html"
frameborder="
0"
scrolling="
no"
noresize/>
--frameborder设置框架边框-->
frame2"
c.html"
/>
/frameset>
☞该frameset页面不能有body和body体
b.html
bodybgcolor="
--target表示我们点击后,目标指向谁-->
ahref="
target="
周杰伦<
/a>
齐秦<
☞target属性值有四个
_blank:
表示打开一个全新的页面(新窗口)
_self:
替换本页面(本窗口)
_top:
(整个浏览器窗口)
_parent:
(父窗口)
*还有一个就是在target值中直接写对应的那个frame的名字.
c.html:
gray"
--silver浅灰-->
--gray深灰-->
歌词大全
其它页面
Frameset的综合小案例:
结构示意图:
案例
all.html
framesetrows="
20%,*"
framesrc="
top.html"
left.html"
noresizeframeborder="
/>
right.html"
name="
myframe"
top.html
imgsrc="
111.JPG"
left.html
青花瓷<
当兵的人<
right.html
silver"
晚上的练习:
1.按照笔记走一遍
2.作业
2.1做一个自己的网页,显示自己的基本信息:
姓名、性别等(注意使用文本格式标记,要做得好看啊),并显示自己的照片(图象的标记还记得吗?
)
2.2.普通邮箱
iframe的使用大连迪派
有时我们需要,在一个含有<
的页面嵌入另外一个页面,形成画中画的效果,怎么处理->
iframe元素(浮动窗口)
入门案例
iframe.html
h1>
hello,world<
/h1>
http:
//taobao"
iframe1"
连接到taobao<
kk.html"
连接到kk.html<
iframename="
//baidu"
400px"
iframesrc="
//google"
表单元素
为什么需要?
看一个图:
从上图可以看出,我们需要把一些数据提交给服务器处理,比如注册用户,发帖…,这样就需要使用到表单元素(常见
输入框、单选框、复选框、文本域、密码框、上传文件。
。
基本结构
inputtype=”类型”name=”名字”/>
类型有:
text,password,checkbox,radio,image,hidden,submit,reset
一般说,表单元素通常是被<
form>
包含起来的
入门案例:
login.html
登录页面<
--action的值应当是提交哪个页面(url)-->
--method方法指定提交数据的方式,常用的有两种get/post-->
formaction="
ok.html"
method="
post"
--name的值可以任意,但是不要使用关键字-->
用户名:
inputtype="
text"
username"
密 码:
password"
submit"
value="
登录系统"
reset"
重新填写"
/form>
Ok.html的内容,登录成功
GET和POST之间的主要区别如下:
(1)在客户端,Get方式在通过URL提交数据,数据在URL中可以看到;
POST方式,数据放置在HTMLHEADER内提交。
(2)对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。
(3)GET方式提交的数据最多只能有1024字节,而POST则没有此限制。
(4)安全性问题。
正如在
(1)中提到,使用Get的时候,参数会显示在地址栏上,而Post不会。
所以,如果这些数据是中文数据而且是非敏感数据,那么使用get;
如果用户输入的数据不是中文字符而且包含敏感数据,那么还是使用post为好。
(5)GET方式可以收藏地址,POST方式不能
使用get时,第一对name/value值前要加一个问号?
,以后每对name/value值间要用&
分开。
比如一个form中有三个参数,如下:
formaction="
u.php"
method="
get"
Name:
<
Age:
age"
Gender:
gender"
inputtype="
ok"
比如你在Name项填写Jacky,Age项填写50,Gender项填了male,提交之后的URL显示为:
//localhost:
8080/get.php?
username=Jacky&
age=50&
gender=male
原理图:
三、表单及表单控件:
案例代码:
表单元素<
您最喜欢哪些城市:
checkbox"
cities"
beijing"
北京
shanghai"
上海
伦敦"
伦敦
您的性别是:
radio"
sex"
man"
男
woman"
女<
隐藏域的使用
hidden"
data"
--如果我们希望偷偷的提交数据,不要影响界面效果,可以考虑使用隐藏域-->
下拉列表<
www.dldipai.cn
请选择您的出生地:
selectname="
address"
size=3multiple>
optionvalue="
sichuan"
四川<
/option>
北京<
xizang"
西藏<
/select>
--文本域,-->
textareaname="
mytextarea"
cols="
40"
rows="
10"
/textarea>
--文件上传的控件-->
file"
myfile"
上传文件<
测试"
--这是一个图片按钮-->
image"
image1.png"
课堂练习:
希望以上资料对你有所帮助,附励志名言3条:
1、要接受自己行动所带来的责任而非自己成就所带来的荣耀。
2、每个人都必须发展两种重要的能力适应改变与动荡的能力以及为长期目标延缓享乐的能力。
3、将一付好牌打好没有什么了不起能将一付坏牌打好的人才值得钦佩。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 列表 框架 以及 表单 16 文档 资料