美文网首页前端Html+css
html+css语法学习(续)

html+css语法学习(续)

作者: 小土豆dy | 来源:发表于2019-03-22 17:17 被阅读68次

    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基础教程视频上总结出来的,也是我的笔记。
    个人感觉很丑,但是我不是一个追求美的画面的一个热爱技术的技术宅。

    相关文章

      网友评论

        本文标题:html+css语法学习(续)

        本文链接:https://www.haomeiwen.com/subject/cmmrvqtx.html