Web前段部分HTML标签解析

iframe

 src="要在iframe中载入的页面"<br/> align="iframe窗口的位置"<br/>        属性：left right top middle bottom  frameborder="显示边框0&1"<br/>         属性：0 1 width="值为像素，规定iframe的宽度" height="值为像素，规定iframe的高度"<br/> marginheight="值为像素，定义 iframe 的顶部和底部的边距。" marginwidth="定义 iframe 的左侧和右侧的边距。" name="规定 iframe 的名称。" scrolling="规定是否在 iframe 中显示滚动条。"        属性： no  yes  auto

在同一页用iframe载入新的网页

<a href="实训2.2-2.2.2.xhtml" target="myframe">培养目标</a><a href="实训2.2-2.2.3.xhtml" target="myframe">课程内容</a> <iframe name="myframe" style="width: 600px; height: 800px;"></iframe>

表格 table

thead  表格的表头<th></th>tbody  表格的主体部分tfoot  表格的脚部table属性           align       规定表格相对周围元素的对齐方式         bgcolor     规定表格的背景颜色。     border      规定表格边框的宽度。     cellpadding 规定单元边沿与其内容之间的空白。      cellspacing 规定单元格之间的空白。

表单form

表单主要是在网页上提供一个图形用户界面，来采取和提交用户输入的数据。<form action="表单处理程序的url" method="get/post">action指点服务器端处理此表单的组建。methold规定如何发送表单数据 get/post

get和post的区别

1.get会把表单数据写在URL后面，post不会。2.post提交时会把数据放在请求体里面3.get提交数据有大小限制一般是64K4.post提交数据没有大小限制，提交文件基本用post。

input标签的重要属性

type    button    按钮    checkbox  多选框    file      上传文件    hidden    隐藏的输入字段。隐藏表单域    image     图像形式的提交按钮。    password  密码字段。该字段中的字符被掩码。    radio     单选按钮    reset     重置按钮。重置按钮会清除表单中的所有数据。    submit    提交按钮。提交按钮会把表单数据发送到服务器。    text      单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

菜单下拉列表框

<select></selcet>    此标签用于<form></form>标签之间    <option></option>    用来指定列表中的一个选项

多行文本框

<textrarea></textarea>放在<form></form>之间‘    属性      cols 规定文本区内的可见宽度。             rows  规定文本区内的可见行数。 ##head中的标签<base> 标签 为页面上的所有链接规定默认地址或默认目标。<target>        _blank         _parent         _self         _top         framename <link>    <link> 标签定义文档与外部资源的关系。    <link> 标签最常见的用途是链接样式表。<script>    <script> 标签用于定义客户端脚本，比如 JavaScript。

script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。

label标签

label标签为表单定义一个文本标签<legend>用户登录</legend>    <label for="username"> 姓名：</label>

filedset

fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

frameset

<frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /><frame src="frame_b.htm" /><frame src="frame_c.htm" /></frameset>

HTML5新增标签

布局所用到的标签header头部  标签定义文档的页眉    nav（导航中用的标签）section中间部分footer 定义 section 或 page 的页脚。aside定义页面内容之外的内容。required="required"required 属性规定必须在提交之前填写输入域（不能为空）。placeholder 属性placeholder 属性提供一种提示（hint），描述输入域所期待的值。autofocus 属性规定在页面加载时，域自动地获得焦点。formaction - 重写表单的 action 属性 formenctype - 重写表单的 enctype 属性 formmethod - 重写表单的 method 属性 formnovalidate - 重写表单的 novalidate 属性 formtarget - 重写表单的 target 属性 list 属性 list 属性规定输入域的 datalist。datalist 是输入域的选项列表。Points: <input type="number" name="points" min="0" max="10" step="3" />multiple 属性multiple 属性规定输入域中可选择多个值。novalidate 属性novalidate 属性规定在提交表单时不应该验证 form 或 input 域。pattern 属性pattern 属性规定用于验证 input 域的模式（pattern="[A-z]{6}" 

vedio & audio

<video> 标签定义视频，比如电影片段或其他视频流。    属性    <source src="视频地址">——用source可以放多个视频    autoplay =autoplay 出现该属性，则视频在就绪后马上播放     controls =controls 出现该属性，则向用户显示控件，比如播放按钮