html+css语法学习(续)

7.框架

框架将浏览器划分成不同的部分,每一个部分加载不同的网页,实现在同一浏览器窗口中加载多个页面的效果。

格式为:

<html>

 <head>

 <title>HTML框架</title>

 <meta="utf-8">

 <frameset rows="90,*,90" frameborder="1" border="1">

 <frame name="top" src="top.html"/>

 <frameset cols="30%,70%">

 <frame name="left" src="left.html"/>

 <frame name="right" src="right.html" scrolling="auto"/>

 </frameset>

 <frame name="bottom" src="bottom.html"/>

 </frameset>

 </head>

</html>

1.<frameset>划分框架标记:

cols:分割左右窗口,’*’表示剩余部分,’*’,’*’表示均分成两个,’’*,’*’,’*’表示均分成三个,单位为像素和%比。

rows:分割上下窗口,’*’表示剩余部分,’*’,’*’表示均分成两个,’’*,’*’,’*’表示均分成三个,单位为像素和%比。

frameborder:指定是否显示边框,0表示不显示边框,1表示显示边框。

border:设置边框的大小,默认值为5像素。

2.<frame>子窗口标记:

<frameset>中设置了几个窗口,就必须对应使用几个<frame>框架,而且还必须使用src属性指定一个网页。

src:加载网页文件的URL地址;

name: 框架名称,是链接标记的target所要参数;

noresize:表示不能调节框架大小,没有设置时可以调整;

scrolling:是否需要滚动条,根据需要可以选择yes(表示有滚动条)、no(表示无滚动条)、auto(表示根据需要自动出现)。

frameborder:是否需要边框,1表示显示边框,0表示不显示边框。
代码分5个模块,自己对应找出各个模块,内容为百度上随便找的。


2.png

最终效果如下:


2.1.png

8.表单

1.表单标记:

<form> </form>定义表单开始和结束位置,表单提交时的内容就是<form>表单中的内容。

基本格式<form action=”服务器端地址(接受表单内容的地址)” name=”表单名称” method=“post或者get“>…</from>。Name为表单名称,method为传送数据的方式,分为post和get两种方式,get方式提交时,会将表单的内容附加在URL地址的后面,所以限制了提交内容的长度,不超过8192个字符,且不具备保密性。post方式提交时,将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制,且具有保密性,默认是get方式。action是指表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址,如果表单中不需要使用action属性也要指定其属性为”no”。enctype设置表单的资料的编码方式。Target用来指定目标窗口,和超链接的属于类似。

2.文本域和密码:

<input>标记是单标记没有结束标记。<input type=”” name=”” value=”” size=”” maxlength=””>。type属性有text和password两种,type=”text”时,<input>表示一个文本输入域,type=”password”时,<input>表示一个密码域。name属性定义控件的名称。value属性表示初始化值,打开浏览器时,文本框中的内容。size属性设置控件的长度。maxlenght属性表示输入框中最大允许输入的字符数。

3.提交、重置、普通按钮:

提交按钮: <input type=”submit”>;

重置按钮: <input type=”reset”>

普通按钮: <input type=”button”>

4.单选框和复选框:

<input type=”radio”>   ————>除了初值为两个都没选,其余要选则必须选一个,且只能是一个;

<input type=”checkbox”>  ———>可以选一个也可取消,或可两个都选和不选;

<input type=”radio” checked=”checked”> ——>checked为默认选项;

5.隐藏域:

<input type=”hidden”> ————>隐藏表单域;

6.多行文本域:

<textarea name=”name” rows=”n” cols=”n” value=”……”>…</textarea>,n指数值,rows属性指行数,cols属性指列数,单位是字符个数。

7.菜单下拉域:

<select name=”” size=”value” multiple> ——>multiple表示多选

 <option value=”value” selected> value </option>

 <option value=”value”> value </option>

<option value=”value”> value </option>

 …………………………………………………………

<option value=”value”> value </option>

</select>

<option>标记用来指定列表中的的一个选项,需要放在<select></select>之间,给选项赋值,指定传送到服务器上面的值,selected指定默认选项值。
代码及结果如下:

1.png

这是我在学习html+css基础教程视频上总结出来的,也是我的笔记。
个人感觉很丑,但是我不是一个追求美的画面的一个热爱技术的技术宅。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355