格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 <video width="320" height="240" controls="controls"><source src="movie.ogg" type="video/ogg"><source src="movie.mp4" type="video/mp4"> Your b...
FCC-学习笔记 Convert HTML Entities1>最近在学习和练习FCC的题目。这个真的比较的好，推荐给大家。2>中文版的地址:https://www.freecodecamp.cn/;英文版的地址:https://www.freecodecamp.org3>这次写关于一个JS的问题，名为Convert HTML Entities.规则要求如下：将字符串中的字符 &、<、>、" （双引号）, 以及 ‘ （单引号）转换为它们对应的 HTML 实体。 4>我写的代码实现如下:function convert(str) {// :)//正则表达式数组var...
2017-03-02完成第五章第六章的学习第五章：为界面增加图像浏览器处理图像的过程：先请求页面，若需要图片，在请求图片图像的格式：JPEG，PNG，GIF，各自的特点和优势内联元素<img>：属性alt--文本描述图像属性width和height：限定大小（这两个属性限定大小有很多局限），如何调整图像大小及缩略图为图像增加链接：<a href="XXX.html"><img src="XXX.png" alt="XXX"></a>第六章：HTML标准如今HTML5盛行，不再有其他版本，因为他是活...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>我的 HTML 的第一页</title></head><body><p>浏览器中包含body元素的内容。</p><p>浏览器的标题包含title元素的内容</p></body></html>使用 <title> 标签定义HTML文档的标题<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><base href="//www.runoob.com/images/" target="_blank"></head><body><img src="logo.png"> - 注意这里我...
文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...
HTML5 aria-* and rolearia是指Accessible Rich Internet Application。role的作用是描述一个非标准的tag的实际作用，而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如1<div role="checkbox" aria-checked="checked"></div> 什么是ARIA：WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者...
原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html原博客的作者是一个非常牛逼的前端大神，我作为一个初学者，在此借助大神的博客进行自己的学习。在这里感谢原作者无私的分享。也强烈建议大家到原作者的博客下学习。好了，现在让我们跟着大神的脚步前进吧。用过JavaScript的人肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都有一个prototype属性，可以为其添加函数供实例访问，其他的...
a、对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码b、有些浏览器（如360浏览器）会设置GBK为默认编码，则你需要设置为<meta charset="gbk">c、<head></head> <title></title><body></body> <h1>我是第一个标题</h1> <p>我的第一个段落</p> 1、后缀名a、.html b、.htm原文：https://www.cnblogs.com/wfg-qmy-iOSOrElse-blogs/p/12707167.html
表格 —— 默认样式重置表格标签： table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充 单元格合并rowspan 属性规定单元格可横跨的行数。 <td rowspan="2"></td>colspan 属性规定单元格可...
1、图像标签（<img>）和源属性（Src） 在 HTML 中，图像由 <img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的语法是：<img src="url" /> URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 h...
事件流：事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序；事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
HTML提交表与PHP交互环境搭建需要的东西：1.集成开发包：简化了各个软件的安装与交互环境的搭建，可以从官网直接下载有各大操作系统平台下的版本 XAMPP Apache + MySQL + PHP + Perlhttps://www.apachefriends.org/zh_cn/index.html这个是安装完成的控制平台，可以集成化的控制 Apache、MySQL等控制，很是方便2.Eclipse软件---在码农群体中广为流传http://www.eclipse.org/downloads/然后在Eclipse中安装支持PHP开发环境的插件包：...
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...
10.表单元素表单元素用于获取用户的输入数据form 表示HTML表单属性： action 表示表单提交的页面 method 表示表单提交的请求方式：有POST和GET两种，默认GET（POST采用表单提交，GET采用超链接提交） enctype 表示浏览器对发生给服务器的数据所采用的编码格式（需要将文件上传的时候才设置），有三种 application/x-www-form-urlencoded 默认编码，不能将文件上传到服务器 multipart/form-data 用于将文件上传...
HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。这些接口在全部实现了Document接口的元素对象上进行了实现。HTML5在里面也新添加了几个成员：getElementsByClassName()：用class类获取元素。用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象（比如：SVG和MathML）。innerHTML：一种解析和序列化HTML/XML文档的方式，该属性在曾经版本号的浏览器里仅仅支持HTML...