首页
关于
友情链接
文章归档
Search
1
centos 32位 64位 下挂vagex一键包代码
719 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
605 阅读
4
PHP 安装
540 阅读
5
暴雨 车被泡了~
480 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
501
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
友情链接
文章归档
搜索到
10
篇与
免费
的结果
2018-03-23
HTML 布局
HTML 区块HTML 表单 HTML 布局网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。在线实例使用 <div> 元素的网页布局如何使用 <div> 元素添加布局。使用 <table> 元素的网页布局如何使用 <table> 元素添加布局。网站布局大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。 HTML 布局 - 使用<div> 元素div 元素是用于分组 HTML 元素的块级元素。下面的例子使用五个 div 元素来创建多列布局:实例<!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><divid="container"style="width:500px"><divid="header"style="background-color:#FFA500;"><h1style="margin-bottom:0;">主要的网页标题</h1></div><divid="menu"style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>菜单</b><br>HTML<br>CSS<br>JavaScript</div><divid="content"style="background-color:#EEEEEE;height:200px;width:400px;float:left;">内容在这里</div><divid="footer"style="background-color:#FFA500;clear:both;text-align:center;">版权 © runoob.com</div></div></body></html>尝试一下 »上面的 HTML 代码会产生如下结果:HTML 布局 - 使用表格使用 HTML <table> 标签是创建布局的一种简单的方式。大多数站点可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具! 下面的例子使用三行两列的表格 - 第一和最后一行使用 colspan 属性来横跨两列:实例<!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><tablewidth="500"border="0"><tr><tdcolspan="2"style="background-color:#FFA500;"><h1>主要的网页标题</h1></td></tr><tr><tdstyle="background-color:#FFD700;width:100px;"><b>菜单</b><br>HTML<br>CSS<br>JavaScript</td><tdstyle="background-color:#eeeeee;height:200px;width:400px;">内容在这里</td></tr><tr><tdcolspan="2"style="background-color:#FFA500;text-align:center;">版权 © runoob.com</td></tr></table></body></html>尝试一下 »上面的 HTML 代码会产生以下结果:HTML 布局 - 有用的提示Tip: 使用 CSS 最大的好处是,如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局。如需学习更多有关 CSS 的知识,请访问我们的CSS 教程。Tip: 由于创建高级的布局非常耗时,使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板(您可以使用这些预先构建好的网站布局,并优化它们)。HTML 布局标签 标签描述 <div>定义文档区块,块级(block-level) <span>定义 span,用来组合文档中的行内元素。
2018年03月23日
165 阅读
0 评论
0 点赞
2018-03-23
HTML 总结
HTML 速查列表XHTML 简介 你已经完成了 HTML 的学习,下一步该学习什么呢?HTML 总结本教程已教你如何使用 HTML 创建站点。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。HTML 的关键是标签,其作用是指示将出现的内容。如需更多关于 HTML 的信息,请查看我们的 HTML 教程 和 HTML 参考手册 。现在,你已学完HTML,接下来该学习什么呢?学习 CSSCSS被用来同时控制多重网页的样式和布局。通过使用 CSS,所有的格式化均可从 HTML 中剥离出来,并存储于一个独立的文件中。如需学习如何创建样式表,请访问我们的 CSS 教程 。学习 JavaScriptJavaScript 可以让你的网页更加生动。如果你只想展示内容,静态网站是很好的展示形象,如果你想与用户进行交换或者让网页更加生动那就需要使用到Javascript。JavaScript是互联网上最流行的脚本语言,目前所有主流浏览器都支持Javascript。如果你想学习更多关于Javascript的知识,可以访问本站的JavaScript 教程.站点服务器在自己的服务器上托管网站始终是一个选项。有几点需要考虑:硬件支出如果要运行"真正"的网站,您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的(一天 24 小时)高速连接。软件支出请记住,服务器授权通常比客户端授权更昂贵。同时请注意,服务器授权也许有用户数量限制。人工费不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒,以确保您的服务器时刻正常地运行于一个"任何事都可能发生"的环境中。使用因特网服务提供商(ISP)从 ISP 租用服务器也很常见。大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点:连接速度大多数 ISP 都拥有连接因特网的高速连接。强大的硬件ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡,以及必要的备份服务器。安全性和可靠性ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间,最新的软件补丁,以及最好的病毒防护。选择 ISP 时的注意事项24 小时支持确保 ISP 提供 24 小时支持。不要使自己置于无法解决严重问题的尴尬境地,同时还必须等待第二个工作日。如果您不希望支付长途电话费,那么免费电话服务也是必要的。每日备份确保 ISP 会执行每日备份的例行工作,否则您有可能损失有价值的数据。流量研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量,那么您要确保不会因此支付额外费用。带宽或内容限制研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频,请确保您有此权限。E-mail 功能请确保 ISP 支持您需要的 e-mail 功能。数据库访问如果您计划使用网站数据库中的数据,那么请确保您的 ISP 支持您需要的数据库访问。在您选取一家 ISP 之前,请务必阅读菜鸟教程的 Web 主机教程。
2018年03月23日
137 阅读
0 评论
0 点赞
2018-03-23
HTML 媒体(Media)
HTML5 服务器发送事件(Server-Sent Events)HTML 插件 HTML多媒体Web 上的多媒体指的是音效、音乐、视频和动画。现代网络浏览器已支持很多多媒体格式。什么是多媒体?多媒体来自多种不同的格式。它可以是您听到或看到的任何内容,文字、图片、音乐、音效、录音、电影、动画等等。在因特网上,您会经常发现嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。在本教程中,您将了解到不同的多媒体格式,以及如何在您的网页中使用它们。浏览器支持第一款因特网浏览器只支持文本,而且即使是对文本的支持也仅限于单一字体和单一颜色。随后诞生了支持颜色、字体和文本样式的浏览器,图片支持也被加入。不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理,而某些则需要额外的插件。您将在下面的章节学习更多有关插件的知识。多媒体格式格式 多媒体元素(比如视频和音频)存储于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时,它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件,而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。多媒体元素元素也拥有带有不同扩展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。视频格式 MP4是互联网推出新的视频格式。YouTube 推荐使用 MP4 。Flash Players 支持 MP4HTML5 支持 MP4。 格式 文件 描述 AVI .avi AVI (Audio Video Interleave) 格式是由微软开发的。所有运行 Windows 的计算机都支持 AVI 格式。它是因特网上很常见的格式,但非 Windows 计算机并不总是能够播放。 WMV .wmv Windows Media 格式是由微软开发的。Windows Media 在因特网上很常见,但是如果未安装额外的(免费)组件,就无法播放 Windows Media 电影。一些后期的 Windows Media 电影在所有非 Windows 计算机上都无法播放,因为没有合适的播放器。 MPEG .mpg .mpeg MPEG (Moving Pictures Expert Group) 格式是因特网上最流行的格式。它是跨平台的,得到了所有最流行的浏览器的支持。 QuickTime .mov QuickTime 格式是由苹果公司开发的。QuickTime 是因特网上常见的格式,但是 QuickTime 电影不能在没有安装额外的(免费)组件的 Windows 计算机上播放。 RealVideo .rm .ram RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下(在线视频、网络电视)的视频流。由于是低带宽优先的,质量常会降低。 Flash .swf .flv Flash (Shockwave) 格式是由 Macromedia 开发的。Shockwave 格式需要额外的组件来播放。但是该组件会预装到 Firefox 或 IE 之类的浏览器上。 Mpeg-4 .mp4 Mpeg-4 (with H.264 video compression) 是一种针对因特网的新格式。事实上,YouTube 推荐使用 MP4。YouTube 接收多种格式,然后全部转换为 .flv 或 .mp4 以供分发。越来越多的视频发布者转到 MP4,将其作为 Flash 播放器和 HTML5 的因特网共享格式。 最新的 HTML5 标准只支持 MP4, WebM, 和 Ogg 视频格式。 声音格式MP3是一种音频压缩技术,其全称是动态影像专家压缩标准音频层面3(Moving Picture Experts Group Audio Layer III),简称为MP3。它被设计用来大幅度地降低音频数据量。如果你的站点是音乐类型的,你可以选择mp3格式。 格式 文件 描述 MIDI .mid .midi MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备(比如合成器和声卡)的格式。MIDI 文件不含有声音,但包含可被电子产品(比如声卡)播放的数字音乐指令。点击这里播放 The Beatles。因为 MIDI 格式仅包含指令,所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小,但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。 RealAudio .rm .ram RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流(在线音乐、网络音乐)。由于是低带宽优先的,质量常会降低。 Wave .wav Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器(除了 Google Chrome)都支持它。 WMA .wma WMA 格式 (Windows Media Audio),质量优于 MP3,兼容大多数播放器,除了 iPod。WMA 文件可作为连续的数据流来传输,这使它对于网络电台或在线音乐很实用。 MP3 .mp3 .mpga MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎的针对音乐的声音格式。期待未来的软件系统都支持它。 HTML5 的最新标准支持 MP3, WAV, 和 Ogg 音频格式。
2018年03月23日
171 阅读
0 评论
0 点赞
2018-03-22
HTML 音频(Audio)
HTML 插件HTML视频(Videos)播放 HTML 音频(Audio)声音在HTML中可以以不同的方式播放.问题以及解决方法在 HTML 中播放音频并不容易!您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。在本章,菜鸟教程为您总结了问题和解决方法。使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。插件可以使用 <object> 标签 或者 <embed> 标签添加在页面上. 这些标签定义资源(通常非 HTML 资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示。使用 <embed> 元素<embed>标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。下面的代码片段能够显示嵌入网页中的 MP3 文件:实例<embed height="50" width="100" src="horse.mp3">尝试一下 »问题: <embed> 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。 不同的浏览器对音频格式的支持也不同。 如果浏览器不支持该文件格式,没有插件的话就无法播放该音频。 如果用户的计算机未安装插件,无法播放音频。 如果把该文件转换为其他格式,仍然无法在所有浏览器中播放。 使用 <object> 元素<object tag> 标签也可以定义外部(非 HTML)内容的容器。下面的代码片段能够显示嵌入网页中的 MP3 文件:实例<object height="50" width="100" data="horse.mp3"></object>尝试一下 »问题: 不同的浏览器对音频格式的支持也不同。 如果浏览器不支持该文件格式,没有插件的话就无法播放该音频。 如果用户的计算机未安装插件,无法播放音频。 如果把该文件转换为其他格式,仍然无法在所有浏览器中播放。 使用 HTML5 <audio> 元素HTML5 <audio> 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。The <audio> element works in all modern browsers.以下我们将使用 <audio> 标签来描述 MP3 文件(Internet Explorer、Chrome 以及 Safari 中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera浏览器中有效).如果失败,它会显示一个错误文本信息:实例<audio controls> <source src="horse.mp3" type="audio/mpeg"> <source src="horse.ogg" type="audio/ogg"> Your browser does not support this audio format.</audio>尝试一下 »问题: <audio> 标签在 HTML 4 中是无效的。您的页面无法通过 HTML 4 验证。 您必须把音频文件转换为不同的格式。 <audio> 元素在老式浏览器中不起作用。 最好的 HTML 解决方法下面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。实例<audio controls height="100" width="100"> <source src="horse.mp3" type="audio/mpeg"> <source src="horse.ogg" type="audio/ogg"> <embed height="50" width="100" src="horse.mp3"></audio>尝试一下 »问题: 您必须把音频转换为不同的格式。 <embed> 元素无法回退来显示错误消息。 雅虎媒体播放器 - 一个简单的添加音频到你网站上的方式使用雅虎播放器是免费的。如需使用它,您需要把这段 JavaScript 插入网页底部:雅虎播放器可以播放MP3以及其他各种格式。你只需添加一行代码到你的页面或 博客中就可以轻松地将您的HTML页面制作成 专业的播放列表:实例<a href="horse.mp3">Play Sound</a><script src="http://mediaplayer.yahoo.com/latest"></script>尝试一下 »如果你要使用它,您需要把这段 JavaScript 插入网页底部:<script src="http://mediaplayer.yahoo.com/latest"></script>然后只需简单地把 MP3 文件链接到您的 HTML 中,JavaScript 会自动地为每首歌创建播放按钮:<a href="song1.mp3">Play Song 1</a><a href="song2.wav">Play Song 2</a>......雅虎媒体播放器为您的用户提供的是一个小型的播放按钮,而不是完整的播放器。不过,当您点击该按钮,会弹出完整的播放器。请注意,这个播放器始终停靠在窗框底部。只需点击它,就可将其滑出。使用超链接如果网页包含指向媒体文件的超链接,大多数浏览器会使用"辅助应用程序"来播放文件。以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接,浏览器会启动"辅助应用程序"来播放该文件:实例<a href="horse.mp3">Play the sound</a>尝试一下 »内联的声音说明当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。如果您打算在 web 应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联声音选项。我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时,会打开页面然后播放录音。HTML 多媒体标签New : HTML5 新标签 标签 描述 <embed> 定义内嵌对象。HTML4 中不赞成,HTML5 中允许。 <object> 定义内嵌对象。 <param> 定义对象的参数。 <audio>New 定义了声音内容 <video>New 定义一个视频或者影片 <source>New 定义了media元素的多媒体资源(<video> 和 <audio>) <track>New 规定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)
2018年03月22日
151 阅读
0 评论
0 点赞
2015-12-19
自制一个免费在线看电视页面
自制一个免费在线看电视页面 http://qdmz.edns.biz/tv.html 代码:<html> <head> <title>网络电视直播 在线电视直播 网络电视在线直播</title> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <meta name="keywords" content="网络电视,卫星电视,电视直播,网络电视直播,不卡的电视直播网,网络电视在线直播"> <meta name="description" content="网络电视在线直播,高速高清,cctv5,体育直播"> </head> <body bgcolor="#000000" text="#666666" leftmargin="0" topmargin="0"> <!--<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><iframe id="play" name="play" frameborder="0" src="http://live.64ma.com/tv/tv.asp?pid=news&sid=1" width="100%" height="100%" SCROLLING="NO" border="0" allowtransparency="true"></iframe></td> <td id="sh" width="9" bgcolor="#171a1d" style="cursor:hand" onClick="showsubmenu()"><span id="idFlag"><div class="close" id="sh"><a href="#" title="按此切换到精简模式"></a></div></span></td> <td width="210" id="tv_list"><iframe id="tv" frameborder="0" src="http://live.64ma.com/tv/list.asp" width="100%" height="100%" SCROLLING="AUTO" border="0" target="play" allowtransparency="true"></iframe></td> </tr> </table>--> <div align="center"> <script> var w = '960'; //宽度 var h = '488'; //高度 var s = 'yes'; //是否显示滚动条,yes显示,no不显示 //document.write('<iframe width='+w+' height='+h+' src="http://s.wasu.cn/portal/player/20141230/WsPlayer.swf?vid=1891363&mode=4&live=1&ap=1" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling='+s+'></iframe>'); document.write('<iframe width='+w+' height='+h+' src="http://live.64ma.com/tv/live.html?user=dudu" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling='+s+'></iframe>'); </script> </div> <p align="center">温馨提示:网络电视直播不流畅时可从左侧栏选择其它网络线路播放. </p> <p align="center">温馨提示:双击屏幕可全屏在线观看电视,按esc退出全屏 </p> </body> </html> 效果:
2015年12月19日
231 阅读
0 评论
0 点赞
1
2