《HTML5学习笔记》

HTML5学习笔记-HTML元素的全局事件属性（关联JS代码）

事件属性，用来监听元素属性状态变化并做出响应。http://www.w3school.com.cn/tags/html_ref_eventattributes.asp事件属性分类Window事件属性针对window对象触发的事件（应用到标签）Form事件由HTML表单内的动作触发的事件（应用到几乎所有HTML元素，但最常用在form元素中）Keyboard事件Mouse事件由鼠标或类似用户动作触发
鋼鉄侠·2019-12-14 06:13

HTML5学习笔记-CSS属性display改变标签类型（元素分类）

标签类型块级标签独占一行，能够随时设置高度和宽度。例如：div,p,h1,h2,ul,li行内标签多个行内标签能够在同一行显示，高度和宽度取决于内容多少。例如：span，label，a行内-块级标签行内标签能够在同一行显示，随时能够设置高度和宽度例如：input，button修改CSS属性display改变它的类型。none隐藏标签block块级标签inline行内标签inline-block行内
鋼鉄侠·2019-12-12 19:54

HTML5基本介绍

HTML5基本介绍其他HTML5相关文章HTML5学习笔记之HTML5基本介绍HTML5学习笔记之基础标签HTML5学习笔记之表格标签HTML5学习笔记之表单标签HTML5学习笔记之音视频标签一.网页固定格式
TitanCoder·2019-11-06 02:10

HTML5学习笔记之表格标签

HTML5学习笔记之表格标签其他HTML5相关文章HTML5学习笔记之HTML5基本介绍HTML5学习笔记之基础标签HTML5学习笔记之表格标签HTML5学习笔记之表单标签HTML5学习笔记之音视频标签一
TitanCoder·2019-11-04 07:28

html5学习笔记（一）html基础

可见内容,图片、文本表单等所有可见内容开始标签head标签存放文档的基本信息，不可见元素alert(‘xxx’)弹出对话框输出内容“xxx”结束标签html5学习笔记（一）html基础,https://
麦克风·2019-09-12 13:44

HTML5学习笔记（六）

1、被安排得明明白白1.1无序列表和有序列表：无序列表(UnorderedList):使用ul元素来定义，其中的每个项使用li元素包裹起来；CoffeeTeaJuiceimage.png有序列表(OrderedList)：使用ol元素来定义，列表中每个项使用li元素包裹起来；HTML5&CSS3JavaScriptJQueryBootStraptVuePHPimage.pngol中属性设置：属性值
理以周·2019-08-20 17:52

HTML5学习笔记-day2

多媒体外部资料常用方法：load()加载、play()播放、pause()暂停jQuery没有提供对视频播放控件的方式，也就意味着如果要操作视频播放，必须使用原生的js方法—dom元素常用属性：a)currentTime视频播放的当前进度、b)duration:视频的总时间100000/60c)paused:视频播放的状态.常用事件：a)oncanplay:事件在用户可以开始播放视频/音频（aud
AriesZzz·2019-07-01 20:58

HTML5学习笔记-day1

什么是HTML5：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产
AriesZzz·2019-06-28 19:51

HTML5学习笔记

简介HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比如calendar、date、
chenmeiqi777·2018-10-01 21:21

HTML5学习笔记分享(四)超链接

HTML超链接(链接)1.HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。HTML使用标签来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。2.在标签中使用了href属性来描述链接的
计科李昂·2018-08-20 21:09

HTML5学习笔记 - 第04天

盒模型一、认识盒子模型盒模型的概念(1)如果CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框(elementbox),那么我们可以形象地将其看作一个盒子。(2)CSS围绕这些盒子产生了一张"盒子模型"概念,通过定义一系列与盒子相关的属性(内容、填充、边框、边界),可以控制各个盒子乃至整个HTML文档的表现效果和布局结构。虽然CSS中没有盒子这个单独的属性对象,但
迷茫o·2017-12-05 06:06

HTML5学习笔记

HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比如calendar、date、time、email、url、search拖放设置元素可拖放设置ondragstart事件，设置setData()functiondrag(e
丨ouo丨·2017-10-14 23:49

HTML5基本介绍

HTML5基本介绍其他HTML5相关文章HTML5学习笔记之HTML5基本介绍HTML5学习笔记之基础标签HTML5学习笔记之表格标签HTML5学习笔记之表单标签HTML5学习笔记之音视频标签一.网页固定格式
CodeTitan·2017-09-12 19:53

HTML5学习笔记之音视频标签

HTML5学习笔记之音视频标签其他HTML5相关文章HTML5学习笔记之HTML5基本介绍HTML5学习笔记之基础标签HTML5学习笔记之表格标签HTML5学习笔记之表单标签HTML5学习笔记之音视频标签一
TitanCoder·2017-06-15 20:26

HTML5学习笔记 —— JavaScript语句

一、代码优化方法1.函数封装2.函数位置的调整主功能函数→辅助函数→事件→依赖函数（核心库）（外部引入需要优先于主功能函数，放在head部分）3.变量——统一提前放在上面4.空行——变量与函数之间、各函数之间、各事件之间、函数内部的变量部分与循环判断语句等部分之间添加空行，增加可读性5.注释——变量注释、函数功能注释、代码块注释二、判断语句1.if语句需要进行逻辑判断，并根据逻辑判断的真假结果，选
Lee_Chen86·2017-05-12 21:37

HTML5学习笔记 —— JavaScript基础知识

一、JavaScript基础1．最新标准版本ECMAScript6.0版本2．Java与JavaScript的关系a.Java是属于后台语言，JavaScript属于脚本b.Java是属于面向对象语言，JavaScript是基于对象语言c.Java是属于强变量类型语言，JavaScript属于弱变量类型强类型语言，也称为强类型定义语言。一种总是强制类型定义的语言，要求变量的使用要严格符合定义，所有
Lee_Chen86·2017-05-11 21:14

HTML5学习笔记 —— HTML开发入门

一、前言从今天起，我将为大家梳理一下HTML、CSS、JavaScript的基础知识。如果你对Web前端开发并不了解，那么这个系列文章能够让你掌握Web前端开发的基础知识，再结合练习，就可以正式入门Web前端开发啦。如果你已是一个Web前端开发人员，那么这个系列文章能够成为你工作中的好助手，你能够在文章中查询你要用到的知识点。如果你在阅读过程中遇到困难，或我的描述有不详尽和有错误，请指出，万分感谢
Lee_Chen86·2017-05-10 22:15

html5学习笔记7-第二章上机（之二）

一、颜色渐变的按钮/*按钮*/.button{display:inline-block;zoom:1;/*zoomand*display=ie7hackfordisplay:inline-block*/*display:inline;vertical-align:baseline;margin:02px;outline:none;cursor:pointer;text-align:center;t
qilixiaoshi·2017-02-25 23:59

html5学习笔记6-第二章上机实践

一、margin:0pxauto实现居中的原理：auto就是“一样”的意思，如果是左右auto的话，意思就是：这个DIV离左边的距离跟右边的距离是一样的。margin:0pxauto；就是上下的距离是0px，左右的距离是“一样”。二、div阴影效果：-webkit-box-shadow:5px5px20px#888;X轴偏移量，Y轴偏移量，阴影模糊半径，阴影扩展半径，阴影颜色;效果：三、图片边框在
qilixiaoshi·2017-02-23 17:28

HTML5学习笔记：1 - 概述

概述优势相比传统HTML，HTML5具有如下优势：向后兼容获得现今绝大多数浏览器的支持，并可通过W3C验证服务测试浏览器的兼容性。更具描述性的标记HTML5中引入了大量与描述内容直接相关的标记。更加简化大量的元素得以改进，并有了更加明确的默认值。用户界面增强最大程度上确保浏览器呈现开发者想要实现的效果更好的表单控件HTML5中新添了很多标准控件元素，如滑动条、日历日期选择器及颜色选择器等。此外，使
只喝摩卡的狗·2017-02-08 17:17

HTML5学习笔记 - 第01天

1.浏览器的作用:1.将网页渲染出来给用户查看。2.能够让用户通过浏览器和网页交互2.服务器:可以理解为超级计算机。服务器也是一台电脑,只是配置比我高很多倍。服务器是用来专门存储数据的计算机,一台24小时不能断电不能关机,一旦关机人将无法访问。3.什么是HTTP协议?HTTP是超文本传输协议。HTTP协议就想到于我们让两个人都说中文或者都说英文一样,就是提前规范两个人之间如何沟通,也就是规范/约束
迷茫o·2017-01-09 19:10

html5学习笔记（五）音频、视频

4-1video/视频播放学习要点掌握video元素的基本用法直到现在,在网页中的大多数视频是通过插件（比如Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5规定了一种通过video元素来包含视频的标准方法，这样播放视频就不必依赖外部插件在本套课程中我们不会讲解音/视频的的发展史和编码解码的相关知识，有兴趣的朋友可以去查阅相关资料。我们重点学习video和audio两个元素的使
oOo右右·2016-11-26 13:16

html5学习笔记（一）html基础

1.2基本格式1.文档声明，告诉计算机这是一个HTML5文档，不分大小写但一般都这样写。对比一下HTML4的声明文档：2.双标签，所有的文档内容均包含在这个标签里面。3.不可见内容，包含文档标题、字符编码等。4.可见内容,图片、文本表单等所有可见内容开始标签head标签存放文档的基本信息，不可见元素alert(‘xxx’)弹出对话框输出内容“xxx”结束标签1.3元素的概念与3个常用标签HTML元
oOo右右·2016-11-18 20:33

02-HTML5学习笔记-列表标签

二、列表标签04-列表标签.png无序列表(unorderedlist)作用：创建无需列表格式：中国的城市有哪些广州北京上海武汉647982-e185ced1331c86f1.jpg.pngli英文是listitem,翻译为列表项应用场景：导航条商品列表新闻列表647982-cce6353650391dac.jpg647982-eaf081bc414de382.jpg647982-f89d54db
旅途中的任任任小皓·2016-11-10 09:59

初学html5 学习笔记

初学html5学习笔记注：只是我自己的笔记，并不适合大家学习的哦~我的学习地址菜鸟教程网的canvas入门一个大神的学习笔记和实验记录博文兼容性canvas浏览器兼容性：IE9+、FF、Opera、Chorme
Mankii·2016-09-03 16:00

HTML5学习笔记之History API

这系列文章主要是学习Html5相关的知识点，以学习API知识点为入口，由浅入深的引入实例，让大家一步一步的体会"h5"能够做什么，以及在实际项目中如何去合理的运用达到使用自如，完美驾驭O(∩_∩)O~先出一道题目：以下不是HTML5新增的API是 http://hovertree.com/tiku/bjaf/pic2kvcg.htm一，开篇分析好了，废话不多说，直接进入今天的主题，今天主要讲的是“
roucheng·2016-07-02 07:00

HTML5学习笔记1

一、静态登录界面代码如下: div{ background-color:lightskyblue; } #mid{ vertical-align:middle; } 注册 真实姓名 手机号/邮箱 密码 我接受智联招聘的 用户协议和隐私政策 已有账号，直接登录 使用其他方式登录：
Solo_two·2016-05-17 18:00

HTML5学习笔记

##单词W3C指WorldWideWebConsortium：万维网联盟。WHATWG指WebHypertextApplicationTechnologyWorkingGroup：Web超文本应用技术工作组表格标签表格中由行组成。行是由单元格组成。(居中并加粗)borderbordercolorwidth(单位"px"）cellpadding：n.补白，是指单元格内文字与边框的距离cellspac
lynac·2016-05-09 23:12

W3School HTML5学习笔记

HTML5学习笔记HTML5简介什么是HTML5？HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。
Creabine·2016-04-11 18:00

HTML5学习笔记

http://www.w3schools.com/html/html5_intro.aspHTML5的浏览器支持：可通过为自定义标签设置样式，并通过JS的document.creatElement("");来创建这样子的元素。（为什么创建了元素之后就可以直接应用在标签上了）IE8以前都不支持为未知标签写样式，可用theshiv：以上兼容代码需要放置在中，因为浏览器需要再编译之前知道这些标签。新的i
JenniferYe·2016-03-27 10:24

CSS3秘笈第三版涵盖HTML5学习笔记9~12章

第9章，装饰网站导航限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色）对于标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：link、visited、hover、ac
平凡世界平凡人·2016-03-25 22:00

CSS3秘笈第三版涵盖HTML5学习笔记9~12章

第9章，装饰网站导航限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色）对于标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：link、visited、hover、ac
平凡世界平凡人·2016-03-25 22:00

CSS3秘笈第三版涵盖HTML5学习笔记6~8章

第二部分----CSS实用技术第6章，文本格式化指定备用字体：font-family:Arial,Helvetica,sans-serif;当访问者没有安装第一种字体时，浏览器会在列表中继续往下搜寻，直到找到备用字体。若字体名称中包含多个单词，则必须用双引号将它们括起来font-family:"TimesNewRoman",Times,serif;sans-serif字体sans-serif字体看
平凡世界平凡人·2016-03-24 22:00

[HTML5]Notification桌面提醒功能

[HTML5]Notification桌面提醒功能http://www.jzcoder.com/htmlcssjs/477.htmlHTML5学习笔记（一）：桌面提醒http://www.cnblogs.com
pyzheng·2016-03-24 19:34

CSS3秘笈第三版涵盖HTML5学习笔记1~5章

第一部分----CSS基础知识第1章，CSS需要的HTMLHTML越简单，对搜索引擎越友好div是块级元素，span是行内元素标签包含一组相关的内容，就像一本书中的章节一样标签包含与其周边的内容相关的内容，如纸质杂志上的侧边栏一样标签包含通常放在网页底部的一些信息，如版权声明、法律信息、一些网站的导航链接，等等标签用来包含重要的导航链接标签用于说明图让IE8及更早版本支持HTML5，可以使用htm
平凡世界平凡人·2016-03-23 22:00

[JS]javascript优化移动端OnClick事件

这个内容在上次的HTML5学习笔记里有，但是今天写东西的时候用到了，又优化了一下，同样适用PC端。
爱小清新真好·2016-01-14 15:00

HTML5学习笔记之html5与传统html区别

一.HTML5语法的改变该知识点所说变化指的是基于HTML4基础上所定义的改变，主要有如下：1.HTML5的文件扩展符(.html或.htm)与内容类型(text/html)保持不变。2.HTML5中，刻意不使用版本声明，一份文档将会适用于所有版本的HTML。3.从HTML5开始，对于文件的字符编码推荐使用UTF-8。4.HTML5确保了与之前HTML版本的最大程度的兼容性。为了保证兼容性，需从元
佚名·2016-01-06 15:24

HTML5学习笔记

参考资料：http://www.runoob.com/html/html-tutorial.html1、html5声明、将此html文档标记为html5文档2、html5定义了8个新的块级元素，要让旧版本的浏览器正确显示这些元素，可以设置CSS的display属性值为block;header,section,footer,aside,nav,main,article,figure{ displa
易墨·2015-11-24 23:00

HTML5学习笔记

HTML5==============day01=======================1.HTML5是什么HTML5约等于HTML+CSS3+Javascript+API========================================================day02=======================1.新的文档类型声明（DTD）  HTML5的DTD声
我的小确幸日记·2015-11-20 21:00

HTML5学习笔记简明版（11）：新增的API

HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。这些接口在所有实现了Document接口的元素对象上进行了实现。HTML5在里面也新增加了几个成员： getElementsByClassName()：用class类获取元素，用这个方法可以查询任何带有class属性且带有符合该class参数值的元素和Document
·2015-11-13 21:29

HTML5学习笔记简明版（10）：废弃的元素和属性

废弃的元素（Element） 这个小节里列出的元素在HTML5里将不再使用，现有文档升级到 HTML5的话可以使用一些替代方案。例如parser section 可以处理isindex 元素的功能。 下面的元素被废弃的原因是用CSS处理可以更好地替代他们： basefont big center font strike tt 下面的元素被废弃的原因是他们的使用
·2015-11-13 21:28

HTML5学习笔记简明版（9）：变化的元素和属性

改变的元素（Element） 以下元素在HTML5里的用法稍作修改以便能在web里更好的使用或者起到更大作用： 没有href属性的a元素将显示成一个占位符，而且a元素内部现在支持flow content类型的元素了（例如：article, input, span等）。 address可以被article, aside, nav, section限定范围了，以前只能作用于全局范围。
·2015-11-13 21:27

HTML5学习笔记简明版（7）：新增属性（2）

dirname属性 input 和 textarea 元素有了一个新元素 dirname，用于用户所设置的提交的方向性的控制(译注，即书写的方向性，ltr或rtl)。 <form action="addcomment.cgi" method=post> <p><label>Comment: <input type=text nam
·2015-11-13 21:25

HTML5学习笔记简明版（8）：新增的全局属性

contenteditable属性 任何元素使用contenteditable属性的话，代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如： <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>   该属于有3种值可选：true, false和空字符，空字符代表tr
·2015-11-13 21:25

HTML5学习笔记简明版（6）：新增属性（1）

a和area下的media属性 为了和link元素保存一致性，a元素和area元素也都增加了media属性，只有在href存在时菜有效。media属性的意思是目标 URL 是为何种媒介/设备优化的，默认值是all，详细语法规范请访问：http://dev.w3.org/csswg/css3-mediaqueries/#media0 代码示例： <a href="att_a_
·2015-11-13 21:24

HTML5学习笔记简明版（5）：input的type超级类型

HTML5为input的type类型增加了多种枚举值，用来表达不同的意思，同事具有验证功能，如果格式不对，浏览器将原始提供错误提示，堪称超级牛X啊，具体如下：   Keyword Data type hidden 任意字符 text 单行文本 search 单行文本 tel 单行文本 ur
·2015-11-13 21:23

HTML5学习笔记简明版 目录索引

  HTML5学习笔记简明版（1）：HTML5介绍与语法 HTML5学习笔记简明版（2）：新元素之section,article,aside HTML5学习笔记简明版（3）：新元素之hgroup
·2015-11-13 21:22

CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局

以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果： 我的代码： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type"
·2015-11-13 06:24

CSS3+HTML5学习笔记二-绘制播放器按钮

每天学一点点Html5+Css3,慢慢积累经验，从基础做起。下面主要介绍一下绘制简单的播放器按钮； 首先，看看当DIV的宽度和高度都为0的时候，设置边框成了什么样子？ 代码如下： 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5
·2015-11-13 06:24

CSS3+HTML5学习笔记一-绘制遨游浏览器Logo

最近开始学习前段开发的一些知识，当然少不了Html5和Css3，作为我的第一课，我参照别人的例子，自己动手，用Css3绘制了一个遨游的Logo。现记录一下嘿嘿： 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <st
·2015-11-13 06:23
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他