- 博客(128)
- 收藏
- 关注
RSS订阅原创 HTML5表单新增元素与属性 （续）
1.标签的control属性在HTML5中，可以在标签内部放置一个表单元素，并且通过该标签的control属性来访问该表单的元素。示例代码如下： function setValue(){ var label = document.getElementById("label"); v
2015-09-29 18:20:55
2233
原创 HTML5表单新增元素与属性
1.表单内元素的form属性在HTML4中，表单内的从属元素必须书写在表单内部，而在HTML5中，可以把他们书写在页面上任何地方，然后为该元素指定一个form属性，属性值为该表单的id，这样就可以声明该元素从属于指定的表单了。代码示例如下： 2.表单内元素的formaction属性
2015-09-29 14:12:53
2207
原创 HTML5新增的非主体结构元素
1.header元素：header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格，搜索表单或相关的logo图片。header元素可以出现多次。 header元素 IT最新技术 百度
2015-09-29 12:54:02
1811
原创 HTML5新增的主体结构元素
1.article元素article元素代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或独立的插件，或其他任何独立的内容。article元素是可以嵌套使用的；article元素用来表示插件；示例代码如下： article元素
2015-09-29 11:26:47
1905
原创 使用BootStrap进行响应式布局案例
（1）首先下载BootStrap,把bootstrap.min.css拷贝到项目中。（2）新建style.css,实现代码如下：.row{ margin-bottom: 20px;}.row .row{ margin-top: 10px; margin-bottom: 0px;}[class*="col-"]{ padding-top: 15p...
2015-09-29 00:03:30
7302
原创 了解BootStrap
1.了解Bootstrap:简洁，直观，强悍的前端开发框架，让web开发更迅速，简单。2.优点：快速，简单，灵活的栅格系统，小而强大，响应式布局，跨平台等。3.下载登陆BootStrap的官方网站下载： http://getbootstrap.com/ 。下面使用Bootstrap官方提供的模板来设计一个响应式布局。（1）从下载的BootStrap中找出bootstrap.min.css文件复...
2015-09-28 21:37:57
2011
1
原创 HTML5响应式布局案例
在本案例中，网页的界面布局将会根据当前浏览器的大小进行变化，做出响应。主要使用CSS的@media来进行设计。实现效果类似一淘网，一淘网使用的就是响应式布局。案例代码如下：（1）HTML代码如下： （2）CSS代码如下：*{
2015-09-28 20:09:11
9354
原创 HTML5响应式布局（简易）
1.响应式布局：响应式布局是2010年5月提出的概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为了解决移动互联网而诞生的。其目的是为用户提供更加舒适的界面和更好的用户体验。2.优缺点：优点：（1）面对不同分辨率设备灵活性强；（2）能够快捷解决多设备显示适应问题；缺点：（1）兼容各种设备工作量大，效率低下；（2）代码累赘，
2015-09-28 19:59:53
3470
原创 HTML5服务器推送事件
1.HTML5服务器推送事件介绍服务器推送事件(Server-sent Events)是HTML5规范中的一个组成部分，可以用来从服务器端实时推送数据到浏览器端。2.传统的服务器端推送数据技术WebSocket：WebSocket规范是HTML5中的一个重要组成部分，已经被很多主流浏览器支持，也有不少基于WebSocket开发的应用。正如名称所表示的一样，WebSocket使用的是套接
2015-09-28 17:46:11
2132
1
原创 HTML5拖放本地资源
我们可以从本地的资源中拖拽一张图片到网页中，这在HTML和JS的结合下是比较简单的。也即是说一张图片不仅可以在网页中进行拖动，还可以从电脑上拖动。具体实现如下：（1）HTML中代码实现如下： #imgContainer{ background-color: aqua; width: 50
2015-09-28 15:18:48
2153
原创 HTML5拖放
1.HTML5拖放：拖放(drag ,drop)是HTML5标准的组成部分。2.拖动开始：ondragstart:调用了一个函数，drag(event),它规定了被拖动的数据。3.设置拖放数据：setData():设置被拖放的数据类型和值。4.放入位置：ondragover:事件规定在何处放置被拖动的数据。5.放置：ondrop:
2015-09-28 14:27:27
1710
原创 HTML5 Canvas使用路径——绘制圆形
HTML实现代码如下： function draw(id){ var canvas = document.getElementById("canvas"); if(canvas == null){ return false; }
2015-09-28 12:06:53
2099
原创 使用CreateJS绘制图形
CreateJS是JavaScript中一个绘制图形非常方便的框架现在我们结合HTML中的canvas和JavaScript来绘制图形。（1）首先可以从官网上下载对应的包，http://www.createjs.com/ 。其实CreateJS包含四种不同的库，分别是EaselJS，TweenJS，SoundJS，PreloadJS。我们现在只要用到第一个就可以了。我也提供了百度网盘的下载
2015-09-28 10:42:02
2958
转载 推荐几款App跨平台开发工具
众所周知开发App比较复杂，不仅要懂多种编程语言还要考虑高额的成本。作为开发者需要找到一个既节省成本又能快速开发App的最佳解决方案。不少跨平台开发工具便应运而生，选择一款适合自己的工具尤为重要，下面这几款跨平台开发工具或者框架可以帮你轻松完成App开发。1、RhoMobileRhoMobile提供了Rhodes，这是一种基于Ruby的开源框架。这个工具让开发人员可以开发能够跨一大批操作系统和智能...
2015-09-28 01:45:01
2956
转载 成为更优秀开发者的10条途径
我读过好多“成为更优秀开发者的方法”的文章，它们大部分似乎写于10年前。但大部分仍然很明智，因此我在这篇文章中提取出我认为的最好的10条途径。你可以随时看看。我们开始吧。读他人的代码 —— Scott Hanselmann读他人的代码，并从中学习。你会适时得到提升，因为你容易学到其他开发者是如何处理问题的。结对编程是提升自我的最好途径。你从另外一个开发者那里读代码，实时地看到他/她的思维过程。反之...
2015-09-28 01:22:31
1740
转载 学习java的路线图-五个必经阶段
第一个阶段-java基础阶段1.java语法2.面向对象3.常用的api4.界面编程5.多线程6.文件io7.java网络编程..这是学习java开发的基础阶段，也是以后的学习基石。第二个阶段 -数据库阶段1.oracle2.mysql3.sql server目前中国软件公司用的最多的三大主流数据库是sql server,my
2015-09-28 00:01:38
2790
1
原创 HTML使用canvas载入图片
（1）JS实现代码如下：/** * Created by chenyufeng on 15/9/27. */var CANVAS_WIDTH = 500, CANVAS_HEIGHT = 500;var mycanvas,context;window.onload = function(){ createCanvas(); drawImage();};fu
2015-09-27 20:56:54
3134
原创 HTML5使用canvas绘制图形
1.绘制图形canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成。示例代码如下：（1）新建一个HTML文件，实现代码如下： （2）新建一个JavaScript文件，实现代码如下：/** * Created by chenyufeng on 15/9/27. */var CANVA
2015-09-27 20:36:28
1737
原创 HTML5的canvas标签
1.canvas标签HTML5元素用于图形的绘制，通过脚本（通常是JavaScript）来完成；标签只是图形容器，您必须使用脚本来绘制图形；可以通过多种方法使用canvas绘制路径、盒、圆、字符以及添加图像。2.标签【使用canvas标签】代码示例： .canvas{ back
2015-09-27 19:43:16
1633
原创 HTML5新增的元素和废除的元素
1.新增的结构元素section,article,aside,header,hgroup,footer,nav,figure2.新增的其他元素video，audio,embed,mark,progress,meter,time,ruby,rt,rp,wbr,canvas,command,details,datalist,datagrid,keygen,output,source
2015-09-27 17:57:48
1701
原创 HTML5的语法的改变
1.HTML5推出的理由及目标HTML5的出现，对于Web来说意义非常重大，因为它的目标是想要把目前Web上存在的各种问题一并解决掉了。（1）Web浏览器之间的兼容性很低；（2）文档结构不够明确；（3）Web应用程序的功能受到了限制；世界知名浏览器厂商对HTML5的支持：微软，Google，苹果，Opera，Mozilla2.语法的改变（1）内容类型
2015-09-27 17:20:47
1325
原创 HTML表格
表格 描述 定义表格 定义表格标题 定义表格的表头（类似字段名，也就是每一列的名字） 定义表格的行 定义表格的单元 定义表格的页眉 定义表格的主体 定义表格的页脚
2015-09-27 16:36:08
1380
原创 HTML链接
1.链接数据：（1）文本链接；（2）图片链接；2.属性：href属性：指向另一个文档的链接；name属性：创建文档内的链接；3.img标签属性：alt:替换文本属性；width：宽；height：高；实现代码如下： 链接 点击我
2015-09-27 15:55:59
1429
原创 HTML样式
1.标签:样式定义:资源引用2.属性rel:"stylesheet":外部样式表type:"text/css":引入文档的类型margin-left:边距3.三种样式表插入方式（1）外部样式表：（2）内部样式表：body{background-color:red}p{margin-left:20px
2015-09-27 15:31:08
1397
原创 HTML表单与PHP进行数据交互
HTML一般在前台页面与用户进行交互，后台可以使用PHP搭建服务器，实现数据的处理。现在我们来实现使用前台的表单获取用户输入，PHP进行后台处理后返回给用户信息。（1）需要搭建PHP环境和服务器，请参考我的前三篇博客《Mac如何安装XAMPP》《Eclipse配置PHP开发环境》《第一个PHP程序——Hello World》。（2）PHP代码实现如下：<?phpecho "用户名
2015-09-27 14:18:42
14309
6
原创 第一个PHP程序——Hello World
（1）按照我的前两篇博客《Mac如何安装XAMPP》《Eclipse配置PHP开发环境》。配置好PHP开发环境和服务器。（2）切换工作空间，一定要把开发PHP的工作空间切换到XAMPP服务器的目录下。否则无法运行PHP程序。如图所示，一般XAMPP的默认路径如下：（3）在Eclipse中新建一个PHP Project，然后在项目中新建一个PHP File。实现代码如下：<?phpecho...
2015-09-27 13:39:44
4642
2
原创 Eclipse配置PHP开发环境
开发PHP有许多优秀的开发环境，我们比较熟悉的Eclipse也可以用来开发PHP，只要安装相应的插件即可，当然插件的安装也是十分方便的。具体操作步骤如下：（1）打开Eclipse-->help-->Install New Software.（2）在work with选择你的Eclipse版本的链接，下方就会出现各种插件：。（3）然后在下面选择PHP Development
2015-09-27 13:25:02
4294
原创 Mac如何安装XAMPP
XAMPP是一个集合了Apache+MySQL+PHP+Perl的服务端环境，由于上述的每一个单独安装都相对麻烦，如果一起安装，难度更是不可设想。所以XAMPP是一个非常有用的工具。具体下载安装如下：（1）可以从官网下载，但是可能网速较慢。我已经放到网盘中，大家可以下载： http://pan.baidu.com/s/1c04UyGw 。（2）下载完成后只要一路next，最后finis
2015-09-27 13:10:47
2468
2
原创 HTML表单
1.表单用于获取不同类型的用户输入；2.常用表单标签： 表单 输入域 文本域 控制标签 定义域 域的标题 选择列表 选项组 下拉列表中的选项 按钮代码示例如下： 表单
2015-09-26 17:50:36
1154
原创 HTML中的实体是什么？
1.实体：HTML中预留字符串必须被替换成字符实体。如: & 在页面中，有些字符是不能直接输出的，如(右尖括号)，这些字符类似关键字，需要转化为字符实体才能输出。代码如下： 大家好 你好效果如下：。对于这些字符实体，我们不需要记忆，只要进行查阅即可。查阅地址：http://
2015-09-26 17:17:09
2210
原创 HTML中的框架是什么？
1.框架标签（frame）框架对于页面的设计有着很大的作用；2.框架集标签（）框架集标签定义如何将窗口分割为框架；每一个frameset定义一系列行或者列；rows/cols的值规定了每行或每列占据屏幕的面积；3.常用标签：noresize:固定框架大小；cols：列；rows：行；4.内联框架：iframe;代码详解如下
2015-09-26 16:41:27
2259
原创 HTML5基本介绍
1.自从2010年html5正式推出以来，立刻受到了世界各大浏览器的热力欢迎和支持。根据世界各大IT媒体的评论，新的web时代，html5时代马上就要到来。2.跨平台运行；3.硬件要求低；4.Flash之外的选择；软硬件环境：1.双核，2G内存；2.可以在windows ，mac，Linux下开发；介绍HTML5：1.HTML是用来描述网页的一种语言
2015-09-26 15:18:02
1277
原创 HTML使用div和table进行布局
使用div布局： div布局 body{ /*去掉周围的白边*/ margin: 0px; } #container{ width: 100%; height: 950px; background-col
2015-09-26 14:45:44
1758
原创 HTML中的块是什么？
1.HTML块元素块元素在显示时，通常会以新行开始如：,,2.HTML内联元素内敛元素通常不会以新行开始如：,,3.HTML元素元素也被称为块元素，其主要组合HTML元素的容器4.HTML元素元素是内联元素，可作为文本的容器代码演示如下： HTML块元素 span{
2015-09-26 13:22:29
1484
原创 HTML列表是什么？
标签 描述 有序列表 无序列表 列表项 列表 列表项 描述1.无序列表使用标签： 属性：disc,circle,square2.有序列表使用标签：
2015-09-26 11:57:50
1548
原创 HTML属性是什么？
1.标签可以拥有属性为元素提供更多的信息。2.属性以键值对的形式出现。如：href = "http://www.baidu.com"3.常用的标签属性：:align 对齐方式:bgcolor 背景颜色:target 规定在何处打开链接4.通用属性class:规定元素的类名id:规定元素唯一IDstyle:规定元素的样式title：规定元素的额外信
2015-09-26 10:44:38
1449
原创 HTML元素是什么？
1.元素指的是从开始标签到结束标签的所有代码开始标签 元素内容 结束标签 你好 2.HTML元素语法元素的内容是开始标签与结束标签之间的内容。空元素在开始标签中进行关闭。大多数HTML元素可拥有属性。3.嵌套的HTML元素大多数的HTML元素都是
2015-09-26 10:13:10
1487
原创 HTML基础讲解
1.声明：HTML有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确的显示出HTML页面，这就是的用处。2.HTML标题...等标签进行定义。3.HTML段落标签定义段落4.HTML链接标签定义链接5.HTML图像标签定义图像代码实现上述标签的例子： HTML基础 chenyufe
2015-09-26 09:26:06
1570
原创 如何在Mac上安装IntelliJ IDEA
不同的开发者想要安装IDEA的目的不一样，有的想来开发Java，有的可以开发Android（Android Studio就是由IDEA修改而来的），有的想开发网页应用。不得不承认，IDEA还是比较强大的。下面来详细说明如何在Mac上安装IDEA。（1）进入IDEA官网： http://www.jetbrains.com/idea/ 。（2）点击Download，进入下载页面。在这
2015-09-26 08:53:45
5668
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人