美文网首页
W3C HTML学习笔记(三)

W3C HTML学习笔记(三)

作者: 做有趣的恶魔 | 来源:发表于2017-10-27 09:44 被阅读11次

HTML框架

通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。
每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

框架结构标签<frameset>

  • 框架集标签(<frameset>)定义如何将窗口分割为框架。
  • 每个< frameset> 定义了一系列行rows或列columns
  • rows/columns 的值规定了每行或每列占据屏幕的面积。
<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

框架标签<frame>

  • 框架标签<frame>定义框架集的窗口或框架及放置在每个框架中的 HTML 文档。
  • 这是一个两列(column)的框架集。
  • 第一列被设置为占据浏览器窗口的 25%,第二列占 75%。
  • HTML 文档 "frame_a.html"被置于第一个列中,而"frame_b.html"被置于第二个列中。

内联框架标签<iframe>

<iframe src="URL" width="200" height="200" frameborder="0" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a">点我在内联框架内显示百度页面</a></p>
  • 定义一个内联的iframe,该URL指向不同的网页。
  • heightwidth属性用于规定 iframe 的高度和宽度。默认单位是像素,但也可以用百分比来设定。
  • frameborder属性用于定义iframe表示是否显示边框,设置属性值为"0" 移除边框。
  • iframe可以用来显示一个目标链接的页面,此时目标链接的target属性值必须使用iframename属性值。
  • 一些老的浏览器不支持 iframe。如果不支持,iframe 是不可见的。

注意事项:

<frameset cols="120,*,30%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html" noresize="noresize">
  <frame src="/example/html/frame_c.html">
  <noframes>
    <body>您的浏览器无法处理框架!</body>
  </noframes>
</frameset>
  • 假如一个框架有可见边框,用户可以拖动边框来改变它的大小。
  • 为了避免这种情况发生,可以在<frame>标签中加入:noresize="noresize"
  • 为不支持框架的浏览器添加<noframes>标签。
  • 不能将 <body></body> 标签与<frameset></frameset> 标签同时使用!
  • 不过,假如添加包含一段文本的 <noframes>标签,就必须将这段文字嵌套于<body></body> 标签内。

HTML表单

基本用法:

  • 表单<form>是一个包含表单元素的区域,用于搜集不同类型的用户输入。
  • 多数情况下被用到的表单标签是输入标签(<input>),输入类型是由类型属性(type)定义的,比如 radiopasswordsubmit等。
  • 其他经常用到的标签还有<label>标签,文本域(<textarea>)标签,下拉列表(<select>)标签。
  • 表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

基本属性:

  • action属性定义在提交表单时执行的动作,如果省略 action 属性,则 action 会被设置为当前页面。
  • method 属性规定在提交表单时所用的 HTTP 方法(GET(默认)POST)。
  • name属性 如果要正确地被提交,每个输入字段必须设置一个 name 属性。

其他标签或属性的详细用法及HTML5新增特性,请翻阅HTML5手册查看。

相关文章

  • W3C HTML学习笔记(三)

    HTML框架 通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都...

  • W3C HTML学习笔记(二)

    HTML引用 元素定义短的引用,浏览器通常会为 元素包围引号。 元素定义被引用的节,浏览器通常会对 元素进...

  • W3C HTML学习笔记(一)

    html参考手册 —— 温故而知新 HTML简介 HTML 不是一种编程语言,而是一种用来描述网页的超文本标记语言...

  • 20170809html学习(一)语法结构

    HTML学习(一)语法结构 参考 HTML 教程 - w3school 在线教程HTML 教程| 菜鸟教程W3C ...

  • 前端笔记之html+css

    学习目标:重温html+css 学习过程:w3c课程+慕课网html+css 完成:100% 什么是盒子模型? 参...

  • 01-HTML基础

    学习目标 1、本专业介绍、HTML相关概念,HTML发展历史2、WEB标准,W3C/WHATWG/ECMA相关概念...

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之音视频标签

    HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记...

网友评论

      本文标题:W3C HTML学习笔记(三)

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