【IT兄弟连 HTML5教程 多媒体应用 小结及习题】的更多相关文章

IT兄弟连 HTML5教程 多媒体应用 小结及习题

小结 在互联网上,图像和链接则是通过URL唯一确定信息资源的位置.URL分为绝对URL和相对URL.通过使用<img />标记在浏览器中显示一张图像.超文本具有的链接能力,可层层链接相关文件,这种具有超链接能力的操作,称为超链接.链接文档中的特定位置也称为锚点,定义锚点和超链接都使用<a>标记.图像地图是带有可点击区域的图像,每个区域是一个相关的超级链接.video和audio这两个HTML5新增加的元素,它们分别用来处理视频与音频数据,使得多媒体播放再也不需要安装插件了. 习题…

IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类型更加的丰富了,主要有transform(变换).transition(过渡)和animation(动画).不仅在类型上更加多样,还可以对特定的属性设置transition,所以在以后面对更多的脚本开发者,会更加的方便简单.对于CSS3的特性,圆角.文本阴影.盒模型阴影和渐变是网页制作更加便捷与网页…

IT兄弟连 HTML5教程 多媒体应用 新增多媒体播放元素

在HTML5之前,要在网站上展示视频.音频.动画等多媒体信息,除了使用第三方自主开发的播放器,使用最多的工具应该算是Flash了,但是它们都需要在浏览器中安装各种插件才能使用,有时速度很慢.HTML5的出现使这一局面得到了改观.在HTML5中提供了音频的标准接口,多媒体播放再也不需要安装插件了,只需要一个支持HTML5的浏览器就可以了.本节介绍video和audio这两个HTML5新增加的元素,它们分别用来处理视频与音频数据.目前Safari 3以上.Firefox 4以上.Opera 10以上…

IT兄弟连 HTML5教程 多媒体应用 HTML图像地图

图像地图是带有可点击区域的图像,通常情况下,每个区域是一个相关的超级链接.点击某个区域,就会到达相关的链接,也可以通过图像地图实现图片切换效果. 1  什么是图像地图 把一幅图像分成为多个区域,每个区域指向不同的URL地址.例如,将一幅中国地图的图像按照省市划分为若干个区域,这些区域就被称为热点,单击热点区域,就可以连接到与相应的省市有关的页面,这就是图像地图. 2  怎么制作 1．首先必须定义出图像上的各个热点区域的形状,位置坐标,及指向的URL地址等信息,这个过程叫做图像热点映射.图像热点映…

IT兄弟连 HTML5教程 HTML5表单 小结及习题

小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架.HTML5新增表单元素有<datalist>.<keygen>和<output>.<datalist>元素规定输入…

IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 小结及试题

小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(<p>).水平线标签(<hr>).格式标签及文本标签.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.表格需要通过表格标记<table>.行标记<tr>.单元格标记<th>或<td>等标记按一定的关系嵌套共同完成.通过使用框架,你…

IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题

小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框架标签.一个HTML文档需要包含的全局架构元素标签为<html>.<head>.<body>.<html>和</html>是网页文件的最外层标签,<head>和</head>标签之间的文本是头信息,<body>标签…

IT兄弟连 HTML5教程 DIV+CSS网页标准化布局 小结及习题

小结 DIV+CSS布局页面的优势:表现和内容相分离.代码简洁,提高页面浏览速度.易于维护和改版.提高搜索引擎对网页的索引效率.每个HTML元素都可以看作一个区块,类似于装了东西的盒子,称为盒子模式.一个盒子是装内容的区块,如果多个盒子组合在一起使用,再通过定位和浮动的设置,就可以对整个页面进行布局.标准W3C盒子模型的范围包括margin.border.padding.内容区,并且内容区部分不包含其他部分.DIV+CSS进行页面布局时需要处理的兼容性问题有很多.通常在进行页面布局调试时将其划分…

IT兄弟连 HTML5教程 CSS3属性特效 小结及习题

本章小结 CSS3新增了许多属性,CSS3样式新增了一种颜色模式rgba用来制作透明色,比CSS的颜色模式多了一个透明度的设置.文字的CSS3特效有文字阴影.文字描边.文字排版和文字省略等.另外,CSS3增加了弹性盒模型,我们可以为盒模型增加阴影和倒影.CSS3的分栏布局让WEB开发人员轻松的让文本呈现多列显示.传统的圆角生成方案,必须使用多张图片作为背景图案.CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,仅需要通过设置border-radius属性即可.通过CSS3,我们能够创建圆…

IT兄弟连 HTML5教程 HTML文档头部元素head

HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于头部的内容都不会在网页上直接显示,而是通过另外的方式起作用.在<head>标记中可以使用的标记不多,包含一些常见的如<title>.<base>.<link>和<meta>等标记.<head>与</head>之间必须有<…