html+css语法学习（续）

最新推荐文章于 2024-10-15 14:59:12 发布

小土豆dy

最新推荐文章于 2024-10-15 14:59:12 发布

阅读量167

点赞数 1

分类专栏： html 文章标签：技术 html css

本文链接：https://blog.csdn.net/qq_39431829/article/details/88746563

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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.1.png

8.表单

1.表单标记：

<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>标记用来指定列表中的的一个选项，需要放在之间，给选项赋值，指定传送到服务器上面的值，selected指定默认选项值。
代码及结果如下：

整个文章是个人学习麦子学院视频上的总结和笔记。
个人感觉很丑，但是我不是一个追求美的画面的一个热爱技术的技术宅。