13518219792
apache自己就有，还需要去配置么？ windows下，直接下载安装，默认配置即可。 linux下，我习惯用centos，你直接yum install httpd php php-mysql，按y搞定一切。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、成都网站制作、界首网络推广、微信小程序、界首网络营销、界首企业策划、界首品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供界首建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
一、发展历史
html发展历史1980年，物理学家蒂姆·伯纳斯-李在欧洲核子研究中心（CERN）在承包工程期间，为使CERN的研究人员使用并共享文档，他提出并创建原型系统ENQUIRE。1989年，伯纳斯-李在一份备忘录中提出一个基于互联网的超文本系统。他规定HTML并在1990年底写出浏览器和服务器软件。同年，伯纳斯-李与CERN的数据系统工程师罗伯特·卡里奥联合为项目申请资助，但未被CERN正式批准。在他的个人笔记中伯纳斯-李列举“一些使用超文本的领域”，并把百科全书列为首位。
HTML的首个公开描述出现于一个名为“HTML标签”的文件中，由蒂姆·伯纳斯-李于1991年底提及。它描述18个元素，包括HTML初始的、相对简单的设计。除了超链接标签外，其他设计都深受CERN内部一个以标准通用标记语言（SGML）为基础的文件格式SGMLguid的影响。这些元素在HTML 4中仍有11个存在。
伯纳斯-李认为HTML是SGML的一个应用程序。1993年中期互联网工程任务组（IETF）发布首个HTML规范的提案：“超文本标记语言（HTML）”互联网草案，由伯纳斯-李与丹·康纳利撰写。其中包括一个SGML文档类型定义来定义语法[11]。草案于6个月后过期，不过值得注意的是其对NCSA Mosaic浏览器自定义标签从而将在线图像嵌入的行为的认可，这反映IETF把标准立足于成功原型的理念。同样，戴夫·拉格特在1993年末提出的与之竞争的互联网草案“HTML+（超文本标记格式）”建议规范已经实现的功能，如表格与填写表单。
在HTML和HTML+的草案于1994年初到期后，IETF创建一个HTML工作组，并在1995年完成”HTML 2.0”，这是第一个旨在成为对其后续实现标准的依据的HTML规范。
在IETF的主持下，HTML标准的进一步发展因竞争利益而遭受停滞。自1996年起，HTML规范一直由万维网联盟（W3C）维护，并由商业软件厂商出资。不过在2000年，HTML也成为国际标准（ISO/ IEC15445：2000）。HTML 4.01于1999年末发布，进一步的勘误版本于2001年发布。2004年，网页超文本应用技术工作小组（WHATWG）开始开发HTML5，并在2008年与W3C共同交付，2014年10月28日完成标准化。
二、版本时间线
1995年11月24日
HTML 2.0作为IETF RFC 1866发布。追加RFC的附加功能：
1995年11月25日：RFC 1867（基于表单的文件上传）
1996年5月：RFC 1942（表格）
1996年8月：RFC 1980（客户端图像映射）
1997年1月：RFC 2070（国际化）
1997年1月14日
HTML 3.2 作为W3C推荐标准发布。
这是首个完全由W3C开发并标准化的版本，因IETF于1996年9月12日关闭它的HTML工作组。
最初代号为“威尔伯”（Wilbur），HTML 3.2 完全去除数学公式，协调各种专有扩展，并采用网景设计的大多数视觉标记标签。由于两家公司达成了协议，网景的闪烁元素和微软的滚动元素被移除。HTML对数学公式的支持最后成为另外一种被称为MathML的标准。
1997年12月18日
HTML 4.0作为W3C推荐标准发布。它提供三种变化：
严格，过时的元素被禁止。
过渡，过时的元素被允许。
框架集，大多只与框架相关的元素被允许。
最初代号“美洲狮”（Cougar）， HTML 4.0采用许多特定浏览器的元素类型和属性，并试图淘汰网景的视觉标记功能，将其标记为不赞成使用。HTML 4是遵循ISO 8879 - SGML的SGML应用程序。
1998年4月24日
HTML 4.0进行微调，不增加版本号。
1999年12月24日
HTML 4.01作为W3C推荐标准发布。它同样提供三种变化，最终勘误版于2001年5月12日发布。
2000年5月
ISO/IEC 15445:2000（”ISO HTML”，基于HTML 4.01严格版）作为ISO/IEC国际标准发布。在ISO中这一标准位于ISO/IEC JTC 1/SC 34域（ISO/IEC联合技术委员会1、小组委员会34 – 文档描述与处理语言）。
2014年10月28日
HTML 5作为W3C推荐标准发布。
三、草案时间线
1991年10月
HTML标签，一个非正式CERN文件首次公开18个HTML标签。
1992年6月
HTML DTD的首个非正式草案， 后续有七个修订版（7月15日，8月6日，8月18日，11月17日，11月19日，11月20日，11月22日）。
1992年11月
HTML DTD 1.1（首个版本号，基于RCS修订版，版本号从1.1开始而非1.0），非正式草案。
1993年6月
超文本标记语言由IETF IIIR工作小组作为互联网草案（一个粗略的建议标准）。在被第二版取代一个月后，IETF又发布6个草案，最终在RFC1866中发布HTML 2.0。
1993年11月
HTML+由IETF作为互联网草案发布，是超文本标记语言草案的一个竞争性提案。它于1994年5月到期。
1995年4月 （1995年3月编写）
HTML 3.0被提议作为IETF的标准，但直到提案在五个月过期后（1995年9月28日）仍没有进一步的行动。它包含许多拉格特HTML+提案的功能，如对表格的支持、围绕数据的文本流和复杂的数学公式的显示。W3C开始开发自己的Arena浏览器作为HTML 3和层叠样式表的试验台[，但HTML 3.0并没有获得成功。浏览器厂商，包括微软和网景，选择实现HTML3草案功能的不同子集并引入它们自己的插件（见浏览器大战）。
2008年1月
HTML5由W3C作为工作草案（链接）发布。虽然HTML5的语法非常类似于SGML，但它已经放弃任何成为SGML应用程序的尝试，除了一种替代的基于XML的HTML5序列，它已明确定义自己的“HTML”序列。
2011年 HTML5 – 最终征求
2011年5月，工作小组将HTML5推进至“最终征求”（Last Call）阶段，邀请W3C社区内外人士以确认本规范的技术可靠性。W3C开发一套综合性测试包来实现完整规范的广泛交互操作性，完整规范的目标日期为2014年。2011年1月，WHATWG将其“HTML5”活动标准重命名为“HTML”。W3C仍然继续其发布HTML5的项目。
2012年 HTML5 – 候选推荐
2012年7月，WHATWG和W3C的工作产生一定程度的分离。W3C继续HTML5规范工作，重点放在单一明确的标准上，这被WHATWG称为“快照”。WHATWG组织则将HTML5作为一个“活动标准”（Living Standard）。活动标准的概念是从未完成但永远保持更新与改进，可以蒂姆加新特性，但功能点不会被删除。
2012年12月，W3C指定HTML5作为候选推荐阶段。 该阶段的标准为“两个100％完成，完全实现交互操作”。
2014年 HTML5 – 提案推荐与推荐
2014年9月，HTML5进入提案推荐阶段。
2014年10月28日，HTML5作为稳定W3C推荐标准发布，这意味着HTML5的标准化已经完成。
四、XHTML版本
XHTML是使用XML 1.0改写自HTML 4.01的独立语言。它不再被作为单独标准开发。
XHTML 1.0， 2000年1月26日作为W3C推荐标准发布。修订版于2002年8月1日发布，它提供与HTML 4.0和4.01相同的三个变化，这些变化被重新在XML中制定。
XHTML 1.1，基于XHTML 1.0 严格版，2001年5月31日 作为W3C推荐标准发布。修订版可使用模块化XHTML的模块，2001年4月10日作为W3C推荐标准发布。
XHTML 2.0为工作草案，但为支持HTML5与XHTML5的工作，此草案被放弃。 XHTML 2.0与XHTML 1.x不兼容，因此更确切的说这是一个XHTML风格的新语言而不是XHTML 1.x的更新。
在HTML5草案中规定一个XHTML语法，称为“XHTML5.1”。
CSS代码：
input { font-size: 14px; font-weight: bold; }
input[type=range]:before { content: attr(min); padding-right: 5px; }
input[type=range]:after { content: attr(max); padding-left: 5px;}
output {
display: block;
font-size: 5.5em;
font-weight: bold;
}
HTML代码：
form method="post"
h4音量控制/h4
input type="range" name="range" min="0" max="10" step="1" value="" /
output name="result" /output
/form
JS代码：
(function() {
var f = document.forms[0],
range = f['range'],
result = f['result'],
cachedRangeValue = localStorage.rangeValue ? localStorage.rangeValue : 5;
// 检测浏览器是否是足够酷
// 识别range input.
var o = document.createElement('input');
o.type = 'range';
if ( o.type === 'text' ) alert('不好意思，你的浏览器还不够酷，试试最新的Opera浏览器吧。');
// 设置初始值
// 无论是否本地存储了，都设置值为5
range.value = cachedRangeValue;
result.value = cachedRangeValue;
// 当用户选择了个值，更新本地存储
range.addEventListener("mouseup", function() {
alert("你选择的值是：" + range.value + ". 我现在正在用本地存储保存此值。在现代浏览器上刷新并检测。");
localStorage ? (localStorage.rangeValue = range.value) : alert("数据保存到了数据库或是其他什么地方。");
}, false);
// 滑动时显示选择的值
range.addEventListener("change", function() {
result.value = range.value;
}, false);
})();
首先要登陆自己的账号，这个工具是免注册的，微信扫一扫就登陆进去了；
进去后是模板页面，有很多有趣好玩的模板；
点击“我的”进入个人空间；
添加新折页。模板中有很多好玩的游戏，所以我们选择做一个相册；
可以扫码看一下初始的效果，决定了之后点击“开始制作”；
每一个标签页都有自己的内容，可以通过删除和复制自己控制模板的规格；
上传素材替换掉模板中的内容；
可以实时在手机上预览效果；
保存折页的时候记得修改页面上的信息；
好的制作者可是会利用这些信息吸引眼球哦~
在手机上预览没有问题后就可以直接右上角分享给朋友啦！~
HTML5新添加了对历史的管理，用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如，提高了用户体验。
通过haschange事件，可以知道URL的参数什么时候发生了变化，也就是什么时候该有所反应。通过状态管理的API，能够在不加载新页面的情况下改变浏览器的URL。所以需要使用history.pushState()方法。history.pushState()方法接收三个参数：1.要存的内容 2.标题(一般写个空的字符串) 3.地址(可选)。小例子如下
执行了history.pushState()方法后，新的状态信息就会被加入到历史状态栈，而浏览器地址栏也会变成新的相对URL。但是，浏览器并不会想服务器发送请求，即使历史状态改变之后查新location.href也会返回与地址栏中相同的地址。另外，第二个参数目前还没有浏览器实现，所以完全可以只传入一个空字符串即可，或者一个短标题也可以。第一个参数则应该尽可能提供初始化页面状态所需的各种信息。
因为history.pushState()方法会创建新的历史状态，所以会发现”后退”按钮也可以使用了。按下”后退”按钮，会触发window对象的popstate事件。Popstate事件的事件对象有一个state属性，这个属性就包含着当初以第一个参数传递给pushState()的状态对象。小例子如下
更新状态直接更新当前地址栏的内容，他不会产生后退操作，只是单纯修改当前地址。
要更新当前历史状态，可以调用replaceState()，传入的参数与pushState()方法的前两个参数相同。调用replaceState()不会在历史状态栈中创建新状态，只会重写当前状态。小例子如下
网上例子：
他这个还是创建了一个数组，然后把生成的内容存到数组中，在根据传的值
把数组对应的内容给读出来。
history有个问题是第一次点击是无效的，只有第二次才能起作用。这就非常的不爽了。
通常我们也不会需要他执行特别复杂的操作，反而是hash非常的好用。
hash是直接在url后面加一个#，然后立即可以被onpopstate事件检测到。
于是我们可以这样去做：
一、文本标签
1.1 标题标记：hn align=”对齐方式”标题文本/hn
注意：
1.标题准备了h1----h6的标题，按照字号依次递减(块级元素)
2.align表示对齐方式，其值为left,center,right
1.2 字体标记：font face=”字体名称” size=”字号” color=”字体颜色” 文字/font
注意：中文网页以黑体，宋体，3号字的效果显示
1.3 段落标记：p align=”对齐方式” 段落内容/p
注意：p可以作为单标记或双标记：
单标记：段落与上文产生一个空行的间距。
双标记：段落与上下文之间产生一个空行的间距
1.4 换行标记：
注意：br /表示换行，多次换行多次使用br /
1.5 预格式化标记：pre...../pre
注意：预格式化标记可将空格、制表符、回车符等忽略
1.6 转义字符：转义字符让特殊字符显示出来。
语法：实体名称;
二、列表标记
2.1 无序列表
ul type=”列表项的标签符”
li项目一/li
li项目二/li
li项目三/li
......
/ul
注意： type表示了项目符号：
disc(默认) 实心圆
circle：空心圆
square：实心方块
2.2 有序列表：
ol type=”列表项的标记符” start=”起始值”
li项目一/li
li项目二/li
li项目三/li
......
/ol
注意：1. 1:1,2,3,.......
a:a,b,c,d,e.......
A:A,B,C,D,E.......
i:i,ii,iii,iv......
I:I,II,III,IV......
2.start表示起始值,从第几个数开始计算
2.3 嵌套排列
ol type="1"
lih/li
lit/li
ul type="disc"
lim/li
lil/li
/ul
li5/li
/ol
2.4 分割线标记：hr align=”对齐方式” size=”水平线高度” width=”水平线宽度”
color=”水平线颜色”
三、超链接标记
3.1 文本链接：a href=”目标URL” target=”目标窗口”指针文本/a
注意： 1.href表示文本链接的目标资源的URL
绝对地址和相对地址
绝对地址：在任何情况下都可以找到的地址（例如：网址）
相对地址：必须知道当前所在，才能找到（../表示上一级目录，/表示下级目录）例子：../img/baidu.jpg 表示在当前位置的上一层目录下的img文件夹中的baidu.jpg 文件。
3.2 图片标记：img src=”图片文件路径” alt=”提示文本” height=”图片高度” width=”图片宽度”/
3.3 多媒体标记
3.3.1 滚动字幕标记：marquee可以实现文字或图片的跑马灯效果
marquee..../marquee
marquee的属性：
behavior 指定了跑马灯的效果：scroll(滚动)、slide(滑动)、alternate(交替)
bgcolor:跑马灯的背景颜色
direction:跑马灯的移动方向，left（左）、right(右)、up(上)、down(下)
scrolldelay:每次移动的延迟时间，单位毫秒
loop:跑马灯运行次数，-1表示无限循环
height、width
hspace:左右空白宽度
vspace:上下空白宽度
3.3.2 嵌入音乐文件
audio src=”文件地址” 提示文字/audio
3.3.3 嵌入视频文件
video src=”视频文件地址” controls=”controls”提示文字/video
四、表格
4.1 表格基本语法：
table
tr
......
td单元格内容/td
......
/tr
/table
注意：
table:声明一个表格对象
tr:声明一行
td:声明一个单元格
4.2 表格的基本属性
1.align 对齐方式：left、center、right
2.border:表格边框
3.bordercolor:边框颜色
4.bgcolor:表格背景颜色
5.background:背景图片
6.height、width
4.3 单元格合并
1.rowspan:所跨的行数
2.colspan:所跨的列数
五、表单
5.1 表单标签：form action=”URL” method=”get|post” target=”...”/form
注意：form：该标记中包含的数据将被提交到服务器或者电子邮件中
action:指定服务器端处理提交表单信息的程序是什么。URL地址或电子邮件地址
method:get/post:数据传输到服务器的传递方法
target:服务器返回文档结果的显示位置：_blank:在新的浏览器窗口中打开
_self:在当前浏览器中显示
5.2 表单标记
5.2.1 input标签：input type=”类型” name=”服务器 获取用户输入信息的名字” value=”初始值”
注意：1.type类型（输入类型）:
1. text:单行文本框
2. password:密码输入框
3. radio:单选按钮 checked表示默认
4. checkbox:复选框 checked表示默认
5. submit:提交按钮
6. reset:重置按钮
7. button:普通按钮
2.maxlength：输入的最大长度
5.2.2 select标签
select name=”” size=”” multiple
option value=”选项1” 选项1
.......
option value=”选项n” 选项n
/select
注意：name:服务器 获取用户输入信息的名字
value ：初始值
option：下拉框的内容
multiple:多选，若没有multiple则是单选
selected:表示默认选项
size:表示长度
5.2.3 textarea 标签：textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”
/textarea
注意: name：多行文本框的名称
cols：一行可容纳的字符数
rows：表示可显示额的行数
wrap:virtual和phycal控制自动换行
