HTML 学习笔记 day three
HTML学习笔记
Day three
7.2插入多媒体元素
插入音乐
语法结构:
<embed src=”音乐文件的路径”></embed>
属性:
Autostart:他只有两个值,true或者false,前者表示一打开页面就会自动播放,后者要点击之后才会播放
注意:在goole chorm 里面这项功能已经没有用了,一打开页面他就会播放,即使设置了之后也不行,但是在IE里面还可以使用
loop:他只有两个值,true或者false,前者表示循环播放,后者表示不循环播放
hidden:他也只有两个值,true或者false,前者表示要隐藏播放的框后者不隐藏
插入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 里面这项功能已经没有用了,一打开页面他就会播放,即使设置了之后也不行,但是在IE里面还可以使用
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和IE已经没有scrolling这个功能了无论怎么都是显示不出滚动条的
Chapter nine 列表元素
9.1无序列表元素:
语法结构:
<ul>
<li>列表选项</li>
</ul>
属性只有type:属性值有:disc表示实心圆点;circle表示空心圆点;square表示小方块;
9.2有序列表元素
10.语法结构:
<ol>
<li>列表选项</li>
</ol>
属性只有type:属性值有:1表示数字;A表示大写字母;a表示小写字母;I表示大写的罗马数字;i表示小写的罗马数字
有序列表和无序列表可以实现嵌套;
9.4定义列表元素
语法结构:
<dl>
<dt>需要被定义的名称</dt><dd>对该词的解释</dd>
</dl>
注意:一般定义列表元素不用嵌套结构因为本身他就有类似于嵌套的形式
Chapter ten 表单元素
表单是用户和网站交流的一个渠道,通过表单,可以将用户在网页上输入的信息提交到后台数据库,从而获得用户信息,使网页具有交互功能
语法结构:
<form action="" method=>
<input type="" name=" " id=" " value=""/>
</form>
9.1表单属性
Action:设置链接跳转,属性值是你想要链接的地址
Method:设置跳转时所使用的方法,属性值只有两种,get/post;通常要用第二种因为第二种比较安全;
这两种是form必须有的属性
10.2input标签
属性:
Name:用来命名
ID:用来设置ID
Value:用来设置value值便于搜索
type:表示框的形式
属性值有:
1.text:文本框
2.password:密码输入框
3.Radio:单选框
4.Checkbook:复选框
5.Submit:提交按钮
6.Reset:重置按钮
7.Image:图片按钮
注意;
radio和checkbox属性要想几个选项之间相互关联那么他们的name属性的值必须要相同;并且他们还有一个特有的属性checked表示预选值
ID和value属性不能相同
对于submit和reset属性,value属性是显示在按钮上面的东西
对于Image属性:input要新增一个属性src,要来填写图片的地址
10.3下拉列表
语法结构
<form>
<select name=""id=””>
<option value=”” selected></option>
</select>
</form>
作用:产生一个带有滚动条的列表在同一个select中的value必须要相同,selected只能设置一个表示默认值
10.4文本区域
语法结构:
<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 的属性。
HTML 学习笔记 day three的更多相关文章
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- PHP-自定义模板-学习笔记
1. 开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
- PHP-会员登录与注册例子解析-学习笔记
1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...
- 2014年暑假c#学习笔记目录
2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...
- JAVA GUI编程学习笔记目录
2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...
- seaJs学习笔记2 – seaJs组建库的使用
原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...
- CSS学习笔记
CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...
- HTML学习笔记
HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...
- DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记
今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...
- ucos实时操作系统学习笔记——任务间通信(消息)
ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...
随机推荐
- Touch Handling in Cocos2D 3.x(四)
创建触摸生命周期 让我们改善我们的应用程序.如果玩家可以触摸屏幕并且拖放英雄到指定位置不是更好吗? 为了完成这个功能我们必须使用Cocos2d 3.0提供的所有的触摸事件: touchBegan:在用 ...
- 海量数据挖掘MMDS week2: 频繁项集挖掘 Apriori算法的改进:非hash方法
http://blog.csdn.net/pipisorry/article/details/48914067 海量数据挖掘Mining Massive Datasets(MMDs) -Jure Le ...
- Linux进程实践(5) --守护进程
概述 守护进程是在需要在后台长期运行不受终端控制的进程,通常情况下守护进程在系统启动时自动运行,在服务器关闭的时候自动关闭:守护进程的名称通常以d结尾,比如sshd.xinetd.crond.atd等 ...
- mysql进阶(二十三)数据库事务四大特性
数据库事务四大特性 原子性.一致性.分离性.持久性 原子性 事务的原子性指的是,事务中包含的程序作为数据库的逻辑工作单位,它所做的对数据修改操作要么全部执行,要么完全不执行.这种特性称为 ...
- ceres-solver库编译说明
0. ceres-solver简介 Ceres Solver是一个C++环境下的非线性最小二乘问题的求解工具包,可用来建模并解决大型复杂的非线性最小二乘问题.这个工具包已经广泛被 ...
- daemontools安装和使用
daemontools安装和使用 参考: http://cr.yp.to/daemontools/install.html daemontools用于自动重启进程.当某个关键服务进程崩溃,可以利用da ...
- C语言中数组转化为字符串的方法
#include<stdio.h> #include <stdlib.h> #include <string.h> #define NR(x) (sizeof(x) ...
- 使用GDB命令行调试器调试C/C++程序
原文:http://xmodulo.com/gdb-command-line-debugger.html作者: Adrien Brochard 没有调试器的情况下编写程序时最糟糕的状况是什么?编译时跪 ...
- linux socket编程之TCP与UDP
转:http://blog.csdn.net/gaoxin1076/article/details/7262482 TCP/IP协议叫做传输控制/网际协议,又叫网络通信协议 TCP/IP虽然叫传输控制 ...
- 认识Zygote
概述 在java中不同的虚拟机实例会为不同的应用分配不同内存,为了使Android系统尽快启动,使用了Zygote来预加载核心类库和一些加载时间长的类(超过1250ms),让Dalvik虚拟机共享代码 ...