HTML5笔记(菜鸟教程）

写了一篇笔记了，觉得整个页面效果乱乱的，这篇文章就再改变一下试一下小节加粗康康有没有好一点。最近希望自己学习效率可以高一点再高一点，最近网课上的我负能量满满这样不好不好。不知道大家写博客的时候用的是Markdown编辑器还是富文本(小朋友你是否有很多问号)
boolean 数据类型 boolean 变量存储为 8 位（1 个字节）的数值形式，但只能是True 或是 False。
1.HTML5简介: HTML5设计目的是在移动设备上支持多媒体
(1).添加了很多语义元素
(2).新的属性
(3).完全支持css3有更多页面体验效果
(4).可以进行video和audio的简单页面播放
(5).可以2D/3D绘图
(6)本地存储
(7).本地SQL数据
(8)可以简单的开发应用
2.HTML5 canvas：用于图形的绘制，通常写在脚本里(javascript)
(1).创建一个画布

tip:页面可以有多个canvas，用style来定义边框否则没有边框和内容
(2).javascript绘制图像

第一句:找到canvas元素
第二句:创建context对象
第三四句:绘制一个红色的矩形
(3).canvas路径

moveto(x,y):起点坐标
llineto(x,y):终点坐标
stroke:绘图
绘制圆：

（4).canvas文本

font:定义字体
fillText(“Text,x,y”):定义实心文字
strokeText(“Text,x,y”):定义空心文字
(5).canvas渐变

createLinearGradient(x,y,x1,y1) - 创建线条渐变
createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变
(6).canvas图像

3.HTML5-SVG:可伸缩矢量图形
不用写在JavaScript脚本里了
不依赖分辨率
4.HTML5 MathML：数学标记语言，用来书写数学符号或公式的置标语言

不管是式子还是矩阵都要有这句话
(1)
.

在我打出这段代码我发现我发现我运行出的结果不是正确的我还百度了一下为什么我的westorm代码打不出式子的几次方哈哈哈哈哈哈后来我发原来运行的代码就是这个样子的测试出的代码就正确了
再打一个：

5.HTML5拖放:Drag和Drop抓取对象拖到页面的另一位置
6.HTML5 video(视频）:可以在网页播放视频料

width：播放框框宽度
height:播放框框的高度
src:视频音频文件名
type:视频音频的类型
control 属性供添加播放、暂停和音量控件。
7.HTML5 input类型：多个表单类型

8.HTML5表单元素
(1).datalist:输入域的选项列表

(2).keygen:提供验证用户的可靠方法

(3).output用于不同类型的输出

9.HTML5表单属性
(1).autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。(如果autocomplete是on则会有下拉列表以往输入记录以供选择off反则亦反）
(2).novalidate 属性规定在提交表单时不应该验证 form 或 input 域。boolean属性(例如在填入邮箱时不会验证是否输入正确格式的邮箱账号）
(3).autofocus 属性规定在页面加载时，域自动地获得焦点。boolean属性(留问号）
(4).form 属性规定输入域所属的一个或多个表单。
(5).The formaction 属性用于描述表单提交的URL地址.The formaction 属性会覆盖元素中的action属性.
(6).formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中method=“post” 表单).formenctype 属性覆盖 form 元素的 enctype 属性。(后面接下图的第二种编码方式其他两种我试了一下不太支持的亚子）

(7).formmethod 属性定义了表单提交的方式。formmethod 属性覆盖了元素的 method 属性。
(8).novalidate属性描述了元素在表单提交时无需被验证。formnovalidate 属性会覆盖元素的novalidate属性.boolean属性。
(9).list 属性规定输入域的 datalist。datalist 是输入域的选项列表。(嘻嘻还记得我的奶茶和好多肉嘛）
(10).multiple 属性规定元素中可选择多个值。boolean属性
(11).pattern 属性描述了一个正则表达式用于验证 input元素的值。
正则表达式：
这个很好玩(用于输入只能包含三个字母的文本域（不含数字及特殊字符））

(用于输入五个数字的文本域(不包含字母和特殊字符））

(12).required 属性规定必须在提交之前填写输入域（不能为空）。boolean属性
(13).step 属性为输入域规定合法的数字间隔。如果 step=“3”，则合法的数是 -3,0,3,6 等
10.HTML5语义元素：语义元素 = 有意义的元素
无语义元素实例: div和 span - 无需考虑内容.
语义元素实例: form, table, and img - 清楚的定义了它的内容.
新增的语义元素
section 包含了一组内容及其标题。
figure标签规定独立的流内容（图像、图表、照片、代码等等）。
figcaption标签定义 figure元素的标题.
11.HTML5存储：以前用的是cookie元素来存储数据，但是发现web存储更加更加安全快速并且不会保存在服务器上，这些数据只用于请求网站数据上大量存储数据并且不影响网站性能

12.HTML5 Web Worker：运行在后台的javascript不会影响页面的性能
13.HTML5 服务器发送事件：Server-Sent 事件指的是网页自动获取来自服务器的更新。
14.HTML5 WebSocket:WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

成料明天就去做简历试一下做完简历再继续学习
希望我可！

HTML5笔记(菜鸟教程）相关推荐

C#学习笔记——菜鸟教程C#学习重点归纳
C#学习笔记第一章:程序结构一.结构命名空间声明(Namespace declaration) 一个 class Class 方法 Class 属性一个 Main 方法语句(Statemen ...
python2.7教程-python2.7学习笔记——菜鸟教程
标准数据类型 Numbers(数字) String(字符串) List(列表) Tuple(元组) Dictionary(字典) list= ["runoob", 786, 2.2 ...
CSS3笔记(菜鸟教程）
1.CSS3边框: (1).border-radius:创建圆角边框 (2).box-shadow:添加阴影 (3).border-image:用图片作为边框 2.CSS3圆角:: (1).这只是一个 ...
菜鸟教程java_JAVA笔记(菜鸟教程)
1.局部变量是在栈上分配的. 2.局部变量没有默认值,所以局部变量被声明后,必须经过初始化,才可以使用. 3.类变量(静态变量)和实例变量区别在于:类变量是所有对象共有,其中一个对象将它值改变,其他对 ...
Java菜鸟教程笔记
参考:http://www.runoob.com/java/java-tutorial.html Java 基本数据类型内置数据类型引用类型 Java 变量类型 Java 局部变量实例变量类变 ...
菜鸟教程-HTML 教程学习笔记
教程链接是: https://www.runoob.com/html/html-tutorial.html ############################################## ...
html5的class属性值,HTML class 属性 | 菜鸟教程
HTML class 属性实例在 HTML 文档中使用 class 属性: 菜鸟教程(runoob.com) h1.intro {color:blue;} p.important {color:g ...
C#(Csharp)基础教程(上)(菜鸟教程笔记)
博客已更新:C#(Csharp)基础教程(中)(菜鸟教程笔记) 内容包括:判断.循环.封装.方法.可空类型.数组.字符串.结构体.枚举. 目录 1. C# 及其开发环境简介 1.1 C# 概述 1.2 ...
读书笔记：NOSQL 菜鸟教程
读书笔记:NOSQL 菜鸟教程定义 NoSQL(NoSQL = Not Only SQL ),意即"不仅仅是SQL". NoSQL用于超大规模数据的存储.(例如谷歌或Facebo ...

HTML5笔记(菜鸟教程）

HTML5笔记(菜鸟教程）相关推荐

最新文章

热门文章