web前端之HTML5⼊门（7）：布局、表单和框架
HTML 布局
⼤多数⽹站可以使⽤ <div> 或者 <table> 元素来创建多列。CSS ⽤于对元素进⾏定位，或者为页⾯创建背景以及⾊彩丰富的外观。
虽然我们可以使⽤HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局⼯具使⽤的 - 表格不是布局⼯具。
<div> 元素是⽤于分组 HTML 元素的块级元素。
使⽤ HTML <table> 标签是创建布局的⼀种简单的⽅式。
使⽤ CSS 最⼤的好处是，如果把 CSS 代码存放到外部样式表中，那么站点会更易于维护。通过编辑单⼀的⽂件，就可以改变所有页⾯的布局。
由于创建⾼级的布局⾮常耗时，使⽤模板是⼀个快速的选项。通过搜索引擎可以到很多免费的⽹站模板（您可以使⽤这些预先构建好的⽹站布局，并优化它们）。
<div>标签
<div> 标签定义 HTML ⽂档中的⼀个分隔区块或者⼀个区域部分。
<div> 元素经常与 CSS ⼀起使⽤，⽤来布局⽹页。
<div>标签常⽤于组合块级元素，以便通过 CSS 来对这些元素进⾏格式化。
<span>标签
<span> ⽤于对⽂档中的⾏内元素进⾏组合。
<span> 标签没有固定的格式表现。当对它应⽤样式时，它才会产⽣视觉上的变化。如果不对 <span> 应⽤样式，那么 <span> 元素中的⽂本与其他⽂本不会任何视觉上的差异。
<span> 标签提供了⼀种将⽂本的⼀部分或者⽂档的⼀部分独⽴出来的⽅式。
提⽰：被 <span> 元素包含的⽂本，您可以使⽤ CSS 对它定义样式，或者使⽤ JavaScript 对它进⾏操作。
表单元素是允许⽤户在表单中输⼊内容,⽐如：⽂本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。HTML 表单和输⼊
表单使⽤表单标签 <form> 来设置，语法：
<form>
...
<input> 元素
...
</form>
多数情况下被⽤到的表单标签是输⼊标签（<input>）。
输⼊类型是由类型属性（type）定义的。⼤多数经常被⽤到的输⼊类型如有：
⽂本域通过<input type="text"> 标签来设定，当⽤户要在表单中键⼊字母、数字等内容时，就会⽤到⽂本域。
注意：表单本⾝并不可见。同时，在⼤多数浏览器中，⽂本域的缺省宽度是20个字符
密码字段通过标签 来定义:
注意：密码字段字符不会明⽂显⽰，⽽是以星号或圆点替代。
标签定义了表单单选框选项
定义了复选框. ⽤户需要从若⼲给定的选择中选取⼀个或若⼲选项。
html网页设计 table 定义了提交按钮
当⽤户单击确认按钮时，表单的内容会被传送到另⼀个⽂件。表单的动作属性定义了⽬的⽂件的⽂件名。由动作属性定义的这个⽂件通常会对接收到的输⼊数据进⾏相关的处理。:
HTML 框架
使⽤框架标签<iframe>，你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯。
iframe语法:
<iframe src="URL"></iframe>      #该URL指向不同的⽹页。
height 和 width 属性⽤来定义iframe标签的⾼度与宽度。属性默认以像素为单位, 但是你可以指定其按⽐例显⽰ (如：“80%”)。frameborder 属性⽤于定义iframe表⽰是否显⽰边框(0-移除)。
显⽰⼀个⽬标链接的页⾯，⽬标链接的属性必须使⽤iframe的属性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。