1.xampp简介。XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建XAMPP软件站集成软件包。这个软件包原来的名字是LAMPP,但是为了避免误解,最新的几个版本就改名为XAMPP了。它可以在Windows、Linux、Solaris、MacOSX等多种操作系统下安装使用,支持多语言:英文、简体中文、繁..
分类:
Web程序 时间:
2015-07-19 13:38:44
阅读次数:
11201
在介绍HTML之前,我想先说说Web,就是我们经常所说的互联网,web的页面就是一个网页,或者说是一种文档,而这种文档是从何而来的那?紧接着,HTML就要出厂了。
一、Web与HTML
Web是互联网的总称,Wbe的本意是蜘蛛网或网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域,其表现形式为:超文本(hypertext)超媒体(hypermed...
分类:
Web程序 时间:
2015-07-19 13:36:48
阅读次数:
188
废弃的元素(Element)
这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话可以使用一些替代方案。例如parser section 可以处理isindex 元素的功能。
下面的元素被废弃的原因是用CSS处理可以更好地替代他们:
basefontbigcenterfontstrikett
下面的元素被废弃的原因是他们的使用破坏了可使用性和可访问性...
分类:
Web程序 时间:
2015-07-19 13:34:00
阅读次数:
141
改变的元素(Element)
以下元素在HTML5里的用法稍作修改以便能在web里更好的使用或者起到更大作用:
没有href属性的a元素将显示成一个占位符,而且a元素内部现在支持flow content类型的元素了(例如:article, input, span等)。address可以被article, aside, nav, section限定范围了,以前只能作用于全局范围。b元素现...
分类:
Web程序 时间:
2015-07-19 13:33:08
阅读次数:
143
contenteditable属性
任何元素使用contenteditable属性的话,代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如:
p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。p>
该属于有3种值可选:true, false和空字符,空字符代表true。
而对框架页面可以通过JS程序代...
分类:
Web程序 时间:
2015-07-19 13:31:47
阅读次数:
176
dirname属性
input 和 textarea 元素有了一个新元素 dirname,用于用户所设置的提交的方向性的控制(译注,即书写的方向性,ltr或rtl)。
form action="addcomment.cgi" method=post>
p>label>Comment: input type=text name="comment" dirname="comment.di...
分类:
Web程序 时间:
2015-07-19 13:32:19
阅读次数:
171
a和area下的media属性
为了和link元素保存一致性,a元素和area元素也都增加了media属性,只有在href存在时菜有效。media属性的意思是目标 URL 是为何种媒介/设备优化的,默认值是all,详细语法规范请访问:http://dev.w3.org/csswg/css3-mediaqueries/#media0
代码示例:
a href="att_a_medi...
分类:
Web程序 时间:
2015-07-19 13:32:53
阅读次数:
258
HTML5为input的type类型增加了多种枚举值,用来表达不同的意思,同事具有验证功能,如果格式不对,浏览器将原始提供错误提示,堪称超级牛X啊,具体如下:
Keyword
Data type
hidden
任意字符
text
单行文本
search
单行文本
...
分类:
Web程序 时间:
2015-07-19 13:31:43
阅读次数:
129
video
通过标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件。视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片。
过去(及目前),我们通常要使用类似下面这样繁冗丑陋的代码来将视频放置在页面中,但这种方式要求浏览器安装有Flash插件,并支持JavaScript:
object classid="clsid:d27cdb6e-ae6d-...
分类:
Web程序 时间:
2015-07-19 13:30:40
阅读次数:
168
section
section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节,或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section,分别代表introduction, news items和contact information。
如果元素的内容集...
分类:
Web程序 时间:
2015-07-19 13:31:07
阅读次数:
161
HTML5介绍
HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如网站导航块和)。新型的标签有利于搜索引擎和语义分析,同时更好地帮助小屏幕装置和视障人士使用,除此之外,也提供了一些新的功能,比如视频音频用的和,总结而言,有如下几大特点:
取消了一些HTML4里过时的元素和属性标记
其中包括纯粹显示效果的标记,如和,它们已经被CSS取代。HTML...
分类:
Web程序 时间:
2015-07-19 13:29:07
阅读次数:
128
我真的喜欢上了HTML5, CSS3, JavaScript编程,但是有一些代码还是需要一些辅助工具来做才行,例如,CSS3的Gradient渐变如果手写代码的话真的不爽,还有像animation动画,transform转变或者是需要矢量扩展的style代码都是很复杂的。网上有很多非常流行的在线工具可以很简单地生成HTML5/CSS3代码,能够提高我们的开发速度。下面列举一些我钟爱的工具。
...
分类:
Web程序 时间:
2015-07-19 13:29:29
阅读次数:
137
HTML5, CSS3以及相关技术(例如canvas和web sockets)带来了非常有用的特性,可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性,但是如果我们不考虑旧版本的浏览器就是用这些新技术也不太现实,老版本浏览器已经使用了很多年,我们依然需要考...
分类:
Web程序 时间:
2015-07-19 13:28:31
阅读次数:
168
内容包括:CSS语法,选择器,字体、文本、背景、ul的属性,框模型,margin和padding,浮动(float)和清理(clear),div布局,定位(position属性),尺寸,等等。...
分类:
Web程序 时间:
2015-07-19 13:29:43
阅读次数:
107
在angular中内置了几个常用的filter,可以简化我们的操作。过滤器使用 ‘|’ 符号,概念有点类似于linux中的管道。1、filter (过滤)filter可以根据条件过滤数据,例子:{{[{name:'coolcao',age:23},{name:'lily',age:20},{name:'tom',age:22}] | filter:'coolcao'}}结果:[{"name":"co...
分类:
Web程序 时间:
2015-07-19 13:26:17
阅读次数:
117
HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,RFC 1945定义了HTTP/1.0版本、RFC 2616定义了今天普遍使用的一个版本——HTTP 1.1。 HTTP协...
分类:
Web程序 时间:
2015-07-19 13:27:00
阅读次数:
180
登录或者注册github,登录之后点击右上角的“+”号,选择“New repository”菜单,创建仓库,用于存储和博客相关的源文件。跳转页面将填写域名信息,现先讲述直接用github提供的域名(用户名+github+io),在Repository name对应处填写资源名,其需要使用自己的用户名...
分类:
Web程序 时间:
2015-07-19 13:21:16
阅读次数:
145