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 的属性。

HTML 学习笔记 day three的更多相关文章

  1. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

  10. ucos实时操作系统学习笔记——任务间通信（消息）

    ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...

随机推荐

  1. 1. MariaDB简介

    作者: 铁锚 日期: 2013年9月21日 官方博客地址:https://mariadb.org/ 官网地址: https://mariadb.com/ 百度百科地址: http://baike.ba ...

  2. 使用批处理文件(*.bat)同时打多个cmd窗口

    使用批处理文件(*.bat)同时打多个cmd窗口 最近在研究zookeeper,在本地建了几个目录,发现频繁的去各个目录启动zkServer.cmd十分繁琐,于是乎google,才有了下文: 使用批处 ...

  3. C++ Primer 有感（面向对象编程）

    1.除了构造函数之外,任意非static成员函数都可以是虚函数.保留字virtual只在类内部的成员函数声明处出现,不能用在类定义体外部出现的函数定义上. 2.派生类只能通过派生类对象访问其基类的pr ...

  4. 【shell脚本练习】批量添加用户和设置密码

    题目 添加9个用户,user101-user109:密码同用户名: 思路 for循环来添加就好了,用户名和密码都可以拼字符串来完成 user10+数字 要判断是否能添加成功,注意非交互模式下修改用户密 ...

  5. 认证模式之Basic模式

    HTTP协议规范中有两种认证方式,一种是Basic认证,另外一种是Digest认证,这两种方式都属于无状态认证方式,所谓无状态即服务端都不会在会话中记录相关信息,客户端每次访问都需要将用户名和密码放置 ...

  6. Android开发之初识MVP模式

    各位亲爱的小伙伴,有没有想我啊,我胡汉wing又回来了. 很长一段时间没有更新博客..原因是..从离职回到学校以后,一直在享受最后的学生时光(打游戏).. 游戏固然很爽,但是觉得实在很荒废,于是半夜诈 ...

  7. java,http的post和get

    使用Java发送GET.POST请求 --节选自<疯狂Java讲义>    URL的openConnection()方法将返回一个URLConnection对象,该对象表示应用程序和 UR ...

  8. 基于Retrofit2.0+RxJava+Dragger2实现不一样的Android网络构架搭建（转载）

    转载请注明出处:http://blog.csdn.net/finddreams/article/details/50849385#0-qzone-1-61707-d020d2d2a4e8d1a374a ...

  9. Cocos2D中的Framerate状态

    对于额外绘制调试物理引擎的支持,Cocos2D同样可以绘制概述计数器,尤其是帧速率(framerate)显示. 为了启用这些概述计数器标签,你只需添加如下一行代码,比如说在AppDelegate.m里 ...

  10. Swift基础之UITabBarController（这是在之前UITableView中直接添加的）

    这些基础内容基本已经可以搭建项目框架,剩下的就是一些优化,细节和数据请求问题,慢慢更新.... 在AppDelegate中创建方法 //创建方法执行UITabBarController func cr ...