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提交数据有大小限制一般是64K
4.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 出现该属性，则向用户显示控件，比如播放按钮