html5
fesng
CSDN年度博客之星和博客专家,毕业长期在一线互联网专注于Android开发以及Android漏洞挖掘研究。
展开
-
css文本样式-css学习之旅(4)
color:颜色derction:方向;line-height:行高;letter-spaceing:字符间距;text-align:对齐方向;text-decoration:装饰;text-indent:锁紧文本中首行;text-transform:元素中的字母;unicode-bidi:设置文本方向;white-spacing:元素中空白的处理方式;word—spacing:字间距代码实例:p{原创 2015-09-25 19:26:59 · 918 阅读 · 0 评论 -
JavaScript介绍-javaScript学习之旅(一)
javaScript简介1.javaScript是互联网上最流行的脚本语言,这门可用于web和html,更可广泛用于服务器端,pc端,移动端。 2.javaScript脚本语言: javaScript第一种轻量级的编程语言。 javaScript是可插入Html页面的编程代码。 javaScript插入html页面后,可以被所有的浏览器解释执行。javaScript实原创 2015-05-19 11:59:55 · 1933 阅读 · 1 评论 -
H5学习之旅-H5的表单(11)
H5的表单元素form:表单input:输入域,type属性可以设置text,password,button等不同的属性textarea:文本域lable:控制标签fieldset:定义域legend:域的标题select:选择列表optgroup:选项组option:下拉列表中的选项button:按钮!!!!!!!!!!代码实例<!DOCTYPE html><html lang="en"><h原创 2015-09-18 20:06:05 · 1169 阅读 · 0 评论 -
H5 学习之旅-H5表格(7)
表格语法table:简历表格captian:表格标题th:表格行表头tr:表格行td:单元格thead:表格页眉tfoot:表格页脚tbody:表格主体col:列属性!!!代码实例带标题的表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5表格</title></head><body>原创 2015-09-17 20:03:34 · 5459 阅读 · 0 评论 -
css3的样式讲解-css学习之旅(3)
css背景属性:background-color;background-image:url(“位置”);background-position:right等,px,百分数;background-repeat:norepeat,repreat,laft,right代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2015-09-25 15:54:24 · 918 阅读 · 0 评论 -
Html5学习之旅-html5的留言记事本开发(17)
web留言记事本的开发!!!!!代码如下index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5表格提交</title> <script src="appWeb.js"></script></head><body> <p id="msg"></p>原创 2015-09-23 11:06:42 · 1955 阅读 · 0 评论 -
Html5的学习之旅-Html5的web Storage概述(16)
在html5中除了canvas,另外一个非常重要的功能是客户端本地存储web storage,之前可以在用户端Cookies存贮用户名等信息,后来发现Cookies存储存在以下问题:大小:Cookies的大小被限制在4kb左右带宽:Coolies是随着Http业务被一起发送的,因此会浪费一部分带宽复杂性:要正确的操作Cookies是很苦难的针对以上问题,html5提出了一种在本地保存数据的方法:we原创 2015-09-22 20:43:40 · 854 阅读 · 0 评论 -
H5学习之旅-H5的布局(10)
两种实现方式:div和tablediv实现布局的方式代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5布局0</title> <style type="text/css"> body{ margin: 0px;; }原创 2015-09-18 19:10:37 · 1033 阅读 · 0 评论 -
H5学习之旅-H5的框架(13)
H5框架语法介绍 :frame:框架对于页面的设计有很大的作用 frameSet:框架集标签定义如何将窗口分割为框架 ,每一个frameset定义一些列行或者列,rowS/COLS规定了每行或者每列占据屏幕的面积 noresize:固定框架大小 cols:行比例 rows:列比例 iframe:内联框架代码实例:<!DOCTYPE html><html lang="en"><head>原创 2015-09-21 15:38:41 · 1295 阅读 · 0 评论 -
Css3盒子模型-css学习之旅(5)
主要内容:盒子模型内边距,外边距,边框,外边距合并主要包括:margin(外边距)padding(内边距) border(边框)centent(内容)内边距:padding,paddingleft,paddingright,paddingtop,paddingbottom代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2015-10-06 16:33:32 · 1019 阅读 · 0 评论 -
Css的学习之旅-css的选择器(2)
1.最常用的是派生选择器:eg:ul li{ color:red}2.id选择器:eg:#id{color:red}3.类选择器:设置标签的class = “”,类似id。用点来表示eg:.class{color:red} ,id和类选择器都可以和派生选择器嵌套!!!!!嵌套代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2015-09-25 10:48:57 · 1032 阅读 · 0 评论 -
javascript的介绍,实现和输出以及语法-javascript学习之旅(1)
javascript的介绍 :1.javascript死互联网最流行的脚本语言,可用于web和html,并且可用于服务器,pc和移动端2.javascript脚本语言:1.是一种轻量级的脚本语言2.可以插入html3.插入html后可以被几乎所有的浏览器解释执行javascript实现:1.html的脚本必须位于script之间2.脚本可被放置于head和body3.不限制脚本的数量,到那时通常放置原创 2015-10-06 17:51:04 · 909 阅读 · 0 评论 -
html5学习之旅-html5的简易数据库开发(18)
实际上是模拟实现html5的数据库功能,用键值对的方式。!!!!!!废话不多说 ,代码index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5表格提交</title> <script src="appWeb.js"></script></head><body>原创 2015-09-23 16:53:00 · 991 阅读 · 0 评论 -
H5学习之旅-H5的新特性(1)
随着H5的发展,网页开发呈现了跨平台的特性,目前H5是兼容各大平台的,这也为一些其他的技术的跨平台开发提供了基础,所以我预测后H5会成为很重要的开发语言新特性介绍1.用于回话的canvas标签2.用于媒介回放的video和audio标签3.对本地离线存贮的更好支持4.新的特殊内容标签 :article header footer nav section5. 新的表单控件:calendar date原创 2015-09-16 10:13:44 · 851 阅读 · 0 评论 -
H5学习之旅-H5的基本标签(2)
H5的标签和html的标签没什么区别,主要介绍H5的基本标签1.基础标签header和body,header主要是显示在标签页面里面,以及设置使用的语言和编码格式。body是正文部分2.H5的标题是h1-h6,逐渐变小3.html的段落是标签p4.html的超链接是a标签。eg:百度一下5.html插入图像 eg:原创 2015-09-16 15:29:37 · 971 阅读 · 0 评论 -
H5学习之旅-H5的格式化(4)
H5的格式设置:b代表是粗体i斜体big 字体变大small变小em强调strong 加强和变粗差不多sub 定义下标字sup 定义上标字ins 插入字del 删除字代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5 Study</title></head><body bgcol原创 2015-09-17 11:37:06 · 1062 阅读 · 0 评论 -
H5学习之旅-H5的超链接以及图片链接(6)
链接内容1.文本链接2.图片链接属性href:指向另一个文档的链接name:文档内部的链接img标签属性alt:替换文本属性width:宽height:高代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5样式</title></head><body> <a href="h原创 2015-09-17 17:31:35 · 11511 阅读 · 0 评论 -
H5学习之旅-H5列表(8)
列表的基本语法ol:有序列表ul:无序列表li:列表项dl:列表dt:列表项dd:列表描述常用列表1.无序列表:使用标签 ul,li 属性:disc(默认实心圆) circle (空心圆)square (方块)2.有序列表:使用标签ol,li 属性:A(大写字母) a (小写字母)l (大写罗马数字)i (小写罗马数字)start (设置开始阿拉伯数字)3.混合列表 : 使用标签 ul ol li4原创 2015-09-17 20:40:12 · 1206 阅读 · 0 评论 -
H5学习之旅-H5的样式(5)
样式的引入方式外部样式表内部样式表内联样式表代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5样式</title> <link rel="stylesheet" type="text/css" href="myStyle.css"> <style type="text原创 2015-09-17 16:47:00 · 1547 阅读 · 0 评论 -
H5学习之旅-H5的元素属性(3)
1.标签可以拥有属性,为标签提供更多的信息2.属性以键值对的形式呈现例如:href = “www.baidu.com”3.常用标签属性:align对其方式:bgCololr背景颜色:target规定在何处打开链接4.通用属性class:规定元素的类名id:规定元素的idstyle:规定元素的样式title:规定元素的额外信息原创 2015-09-16 20:14:55 · 783 阅读 · 0 评论 -
H5学习之旅-H5的块标签的使用(9)
块元素的基本语法1. Html块元素 ,块元素在开始时候通常以新行开始,比如h1,p,ul2.内联元素,通常不会以新行开始,比如a,b,img3.html的div元素,div也被称为块元素,其主要作为组合html元素的容器4.html的span元素,span元素是内联元素,可作为文本的容器!!!!!!代码实例<!DOCTYPE html><html lang="en"><head> <m原创 2015-09-18 10:32:28 · 1000 阅读 · 0 评论 -
H5的学习之旅-H5的实体(14)
H5有些关键字比如<等等是显示不出来的,这时候,就需要用实体来表示,实体我理解就是最初的编码代码实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body bgcolor="#ff1493"> abcd<html></body></h原创 2015-09-21 16:20:02 · 829 阅读 · 0 评论 -
H5学习之旅-xhtml语法(15)
xhtml定义了一套语法的语法规范简要介绍一下1.必须正确的嵌套2.标签必须结束3.元素必须小写4.文档必须有一个根元素原创 2015-09-21 16:29:46 · 935 阅读 · 0 评论 -
css3学习之旅-css的基本语法(1)
后面就将要介绍css的全面语法:1.css介绍2.css基本语法3.css高级语法4.css派生选择器5.css的id选择器6.css类选择器7.css属性选择器!!!!!css介绍css是层叠样式表,极大地提高了效率!!!!!!css的基本语法selector{property:value}1.属性大于一个后,要用分号分开 eg:h1{color:red;font-size:14px}2. 如果属原创 2015-09-24 10:02:24 · 1264 阅读 · 0 评论