HTML学习笔记
Day three
7.2插入多媒体元素
插入音乐
语法结构：
<embed src=”音乐文件的路径”></embed>
属性：
Autostart:他只有两个值，true或者false，前者表示一打开页面就会自动播放，后者要点击之后才会播放
注意：在goole chorm 里面这项功能已经没有用了，一打开页面他就会播放，即使设置了之后也不行，但是在ＩＥ里面还可以使用
loop:他只有两个值，ｔｒｕｅ或者ｆａｌｓｅ，前者表示循环播放，后者表示不循环播放
hidden:他也只有两个值，ｔｒｕｅ或者ｆａｌｓｅ，前者表示要隐藏播放的框后者不隐藏
插入Flash
语法结构：
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0”width=”数字” height=” 数字“></object>
这是object标签的固定格式，classID和codebase都是不能改变的，是固定的，但是如果只是单纯的写出这个标签Flash是不能够使用的，必须还有把一下的两个标签嵌套在object标签之中
1，<param>标签
语法结构：
<param name=” “ value=” “/>
2.<embed>标签
有src,quality,pluginspage,type,width,height这六个属性，其中的第三个和第四个属性值是固定的
总结起来的语法结构如下：
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0”width=”数字” height=” 数字“>
<param name=”movie” value=”Flash的文件地址”>
<param name=”quality” value=”high”>
<embed src=”Flash的文件地址”quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”数字” height=” 数字“></emded>
</object>
7.3背景音乐
语法结构：
<bgsound src=“音乐路径“ />
属性：
Autostart:他只有两个值，true或者false，前者表示一打开页面就会自动播放，后者要点击之后才会播放
注意：在goole chorm 里面这项功能已经没有用了，一打开页面他就会播放，即使设置了之后也不行，但是在ＩＥ里面还可以使用
loop:这与之前的embed属性有差别，它的值为n/infinite,前者表示要循环的次数，后者表示无线循环
bgsound标签使用的时候要放在body的最前面。
注意：这个标签goole chorm 已经不能用了，但是在IE里面还可以用
综合来说要想在goole chorm里面设置背景声只能够用embed
Chapter eight 框架
框架就是把一个页面分成了几个部分这几个部分之间相互不干扰
8.2基本结构
语法结构：
<frameset>
<frame src=”框架链接的HTML的路径名”/>
</frameset>
Frameset的属性：
Cols:把一个窗口进行水平的划分，
<frameset cols=”col1,col2,col3,*>,这是他的基本结构，其中的值col1等既可以是数字（此时表示像素），也可以用百分比（如果使用这种是要注意他的总和一定要等于100%），也可以直接用 * 表示把剩余的值进行等分（例如：（*，*，*）表示把框架进行三等分
Rows：把一个窗口进行竖直的划分，
他的用法和cols是一样的
Border：用来设置框架边框的大小
Bordercolor:用来设置框架边框的颜色
Frameboder：它的值为1/0，当值为1的时候表示要显示出边框，为0 的时候表示不要显示出边框
Framespacing：用来设置框架与框架之间的间隔
Noframes：当浏览器不支持frame时显示出的内容
他的结构如下：
<frameset>
<frame src=”框架链接的HTML的路径名”/>
</frameset>
<noframes>
<body>警告此浏览器不支持框架</body>
</noframes>
注意：frameset在HTML中的位置是在body的前面，基本body就可以不用了但是如果要写body的话里面的内容是iframe
8.4框架<frame>
属性：
noresize:属性值只有noresize;
作用：让框架的大小不可调节；
怎么实现既有行框架又有列框架：
进行框架集嵌套，语法结构如下：
<frameset cols=”*,*”>
<frame src=”框架链接的HTML的路径名”/>
<frameset rows=”*,*”>
<frame src=”框架链接的HTML的路径名”/>
<frame src=”框架链接的HTML的路径名”/>
</frameset>
</frameset>
这样就形成了一个左边一个框架，右边两个框架的框架
8.5框架链接
语法结构：
<frameset>
<frame src=”框架链接的HTML的路径名” name=”名字“/>
</frameset>
在框架链接的HTML
<body>
<a href=”想要显示的界面” target=“名字”>显示的内容</a>
</body>
作用：能够让在框架链接的HTML在name =“名字”的框架中显示出来
8.6嵌入式框架<iframe>
嵌入式框架是在网页中嵌入一个框架窗口，把一个网页显示在框架之中，这种方法最常用于制作在多个网页中共有的模块；
<iframe>标签是放在<body>标签里面的，他拥有frameset,frame 标签的所有属性，他特有的属性是scrolling 和 allowtransparency
Scrolling:滚动条 ，属性值只有Yes/No;选用前者的话表示需要显示滚动条，选用后者的话表示不需要显示滚动条
Allowtransparency:设置窗口在页面中显示为透明状态，他只有一个属性值true；
注意：在现在版本的goole chorm和ＩＥ已经没有ｓｃｒｏｌｌｉｎｇ这个功能了无论怎么都是显示不出滚动条的
Ｃｈａｐｔｅｒ ｎｉｎｅ 列表元素
９.１无序列表元素：
语法结构：
＜ｕｌ＞
＜ｌｉ＞列表选项＜／ｌｉ＞
＜／ｕｌ＞
属性只有ｔｙｐｅ：属性值有：ｄｉｓｃ表示实心圆点；ｃｉｒｃｌｅ表示空心圆点；ｓｑｕａｒｅ表示小方块；
9.2有序列表元素
１０.语法结构：
＜ol＞
＜ｌｉ＞列表选项＜／ｌｉ＞
＜／oｌ＞
属性只有ｔｙｐｅ：属性值有：1表示数字；A表示大写字母；a表示小写字母；Ｉ表示大写的罗马数字；ｉ表示小写的罗马数字
有序列表和无序列表可以实现嵌套；
９.４定义列表元素
语法结构：
＜ｄｌ＞
＜ｄｔ＞需要被定义的名称＜／ｄｔ＞＜ｄｄ＞对该词的解释＜／ｄｄ＞
＜／ｄｌ＞
注意：一般定义列表元素不用嵌套结构因为本身他就有类似于嵌套的形式
Ｃｈａｐｔｅｒ ｔｅｎ 表单元素
表单是用户和网站交流的一个渠道，通过表单，可以将用户在网页上输入的信息提交到后台数据库，从而获得用户信息，使网页具有交互功能
语法结构：
＜ｆｏｒｍ ａｃｔｉｏｎ＝＂＂ ｍｅｔｈｏｄ＝＞
＜ｉｎｐｕｔ ｔｙｐｅ＝＂＂ ｎａｍｅ＝＂ ＂ ｉｄ＝＂ ＂ ｖａｌｕｅ＝＂＂／＞
＜／ｆｏｒｍ＞
９.１表单属性
Ａｃｔｉｏｎ：设置链接跳转，属性值是你想要链接的地址
Ｍｅｔｈｏｄ：设置跳转时所使用的方法，属性值只有两种，ｇｅｔ／ｐｏｓｔ；通常要用第二种因为第二种比较安全；
这两种是ｆｏｒｍ必须有的属性
１０.２ｉｎｐｕｔ标签
属性：
Ｎａｍｅ：用来命名
ＩＤ：用来设置ＩＤ
Ｖａｌｕｅ：用来设置ｖａｌｕｅ值便于搜索
ｔｙｐｅ：表示框的形式
属性值有：
１.ｔｅｘｔ：文本框
２.ｐａｓｓｗｏｒｄ：密码输入框
３.Ｒａｄｉｏ：单选框
４.Ｃｈｅｃｋｂｏｏｋ：复选框
５.Ｓｕｂｍｉｔ：提交按钮
６.Ｒｅｓｅｔ：重置按钮
７.Ｉｍａｇｅ：图片按钮
注意；
ｒａｄｉｏ和ｃｈｅｃｋｂｏｘ属性要想几个选项之间相互关联那么他们的ｎａｍｅ属性的值必须要相同；并且他们还有一个特有的属性ｃｈｅｃｋｅｄ表示预选值
ＩＤ和ｖａｌｕｅ属性不能相同
对于ｓｕｂｍｉｔ和ｒｅｓｅｔ属性，ｖａｌｕｅ属性是显示在按钮上面的东西
对于Ｉｍａｇｅ属性：ｉｎｐｕｔ要新增一个属性ｓｒｃ，要来填写图片的地址
１０.３下拉列表
语法结构
＜ｆｏｒｍ＞
＜ｓｅｌｅｃｔ ｎａｍｅ＝＂＂id=””>
<option value=”” selected></option>
</select>
</form>
作用：产生一个带有滚动条的列表在同一个select中的value必须要相同，selected只能设置一个表示默认值
１０.４文本区域
语法结构：
<form>
<textarea name=”” id=”” cols=”” rows=””></textarea>
</form>
作用：
当输入的文字过多，不能够用文本框实现，此时就用这个标签
注意：value属性在type的属性值不同的时候，略有差别：当type=submit和reset的时候那么，value的值会显示在按钮之上；并且在form里面value的值和ID的值是不能够重复的
Chapter elven网站布局
11.1<div>标签
网页布局的三种方式：表格框架，框架和div标签
语法结构：
<div style=””> 具体内容</div>
div可以使用嵌套结构
Style有很多的属性在css中可以学到
定义浮动框架：
<div style=”float:left/right/none;”></div>
定义左右结构的框架：
<div>
<div style=”float:left;”></div>
<div style=”float:right;”></div>
</div>
定义横向结构的框架：
<div>
<div style=”float:left;”></div>
<div style=”float:left;”></div>
<div style=”float:left;”></div>
</div>
这样就会产生横向的三个框架，总言之就是他们的float的值要一样
定义纵向结构的框架：
<div>
<div style=”float:left;clear：both；”></div>
<div style=”float:left;clear：both；”></div>
<div style=”float:left;clear：both；”></div>
</div>
这样就会产生横向的三个框架，总言之就是他们的float的值要一样，并且最后要有一个clear:both 的属性。