第一篇：黑马程序员php培训：3天带你玩转HTML教程
两个概念
客户端和服务器端
浏览者使用的计算机客户端，用来给服务器发送请求，注意：管理员使用的计算机也是客户端（在服务器上直接操作除外）
存放网页文件的计算机是服务器端。
文件名、基本名、扩展名
文件名由基本名和扩展名组成，比如demo.txt 其中demo是叫基本名，txt是扩展名 扩展名是用来区分文件的类型。
思考：网页的扩展名是什么？.html.htm Html和htm是一样的。表示这个文件是静态网页文件。后面我们还会介绍.asp.aspx.php.jsp Doc Jpg Gif PNG Word文档 图片 图片
图片格式，是一种无损压缩格式，用的越来越多。
打开一个网页的执行过程
客户端给服务器端发送一个请求，服务器会把页面的代码（HTML、CSS、js）发送到客户端来，这些代码通过浏览器解析执行就生成了我们看到的页面。
站点介绍
一个网站中包括HTML页面，CSS，js，图片，flash动画或gif动画，都属于网页的资源文件。为了便于管理，我们将这些静态资源放置到一个文件夹下。这个文件夹我们叫站点。
做网站的第一步要先建站点。
什么是HTML HyperText Mark-up Language，超文本标记语言。
HTML语言的规则
命令都要放到<> 大部分标记都是成对出现
标签大部分都是
HTML语言不区分大小写，但是XHTML按照规范全部是小写
练习
例题：
在站点文件夹中新建一个txt文件，在文件中输入如下代码
将文件的扩展名改为.html或.htm
双击网页文件，通过浏览器打开，这时候可能会出现乱码，设置一下浏览器的字符编码
浏览器打开效果如下
几种常见的标记1、2、
段落 换行
注意：换段和换行的区别
3、
水平线
4、
5、
6、
粗体 斜体 下划线
7、强调标记，通过加粗的方式来强调
8、 强调标记，通过倾斜的方式来强调
多学一招：从外观上看和、和是一样的，但是对SEO(搜索引擎优化)影响很大。和仅仅表示是字体，没有强调的作用，在实际工作中，建议使用强调标记。
9、 top
上标
10、 bottom 下标
标记的分类
标记分为两类，一类是成对出现，还有一类是不成对出现。
1、容器标记: 成对出现的标记（围堵标记）
2、空标记: 不成对出现的标记
（单标记）
第二篇：黑马程序员php培训：3天带你玩转HTML教程
滚动文字的设置
路径
路径分为两种
1、绝对地址：从盘符开始
2、相对地址：以自身文件为准
注意：../代表上一级目录./代表当前目录
点击./代表当前目录
链接
网站内部页面和页面之间的连接，参照前面路径那一节
外部链接
外部连接就是连接到其他网站上去
空连接
有超链接的样子，但是点击不会跳转。这种就是空连接，空连接用#表示。
下载链接
链接的文件，浏览器无法打开，就自动出现下载。
锚链接
新建一个锚点
Id表示唯一的编号。
点击超链接，连接到指定的锚点处
#表示id的意思，六种标题级别
到h6，标题也是有权重的。H1权重最高
列表
有序列表（
- ）
每一项是一个li 无序列表(
- )
自定义列表(
- )
第三篇：黑马程序员php培训：3天带你玩转HTML教程(12)
ps和fw中几个常用快捷键(两个软件中是一样的)
1、ctrl+加号：放大
2、ctrl+减号：缩小
3、双击手型工具，将图片自适应大小显示
4、Tab键全部显示/隐藏工具面板，在FW中F4也可以显示/隐藏工具面板，DW中显示/隐藏工具面板也是F4
5、按住空格键快速切换到手型工具
6、ctrl键快速切换到选择工具
网页基本概念
1、网站： 所有网页的集合
2、首页：也叫主页，但收入网址后打开页面，名称一般为index 或default，如果一个网站中没有首页，则这个网站无法显示。
3、子页命名规则：小写的英文字母或数字（不能中文）
4、页面尺寸：以不出现横向的滚动条为准，目前的页面宽度以17纯平为准(1024*768)通过设计器插入素材
插入图片
第一种方法：点击插入图片的按钮
第二种方法：直接将站点中的图片拖放到页面上即可
插入文字
文字直接输入，注意： 回车：换端
Shift+回车：换行
设计器下做超链接
选择文字或图片，在属性面板上选择连接的地址，或者用指向文件工具连接到指定文件处。
连接文件在新的浏览器中打开，在目录选项中选择_blank
插入表格
宽度单位：
（1）像素：绝对单位（2）百分比：相对单位
最外层表格单位是像素，套用的可以是像素也可以是百分比。 边框：一般调成0 单元格填充(填充)：内容距边的距离。（默认为1 像素）一般设为 0 单元格间距：单元格与单元格的距离（默认为 2 像素）一般设为 0 标签选择
标签选择用来快速选择标签对象。
合并单元格和拆分单元格
选中单元格，在属性面板上会出现合并单元格和拆分单元格的按钮。
表格布局注意点
1.整个页面不要都套在一个表格里，尽量拆分成多个表格;若将内容都放在一个表格中，下载速度会很慢。 2.表格的结构尽量整齐；
拼版的特性
1、表格可以被内容撑开，不能被背景撑开
2、背景默认是平铺的，标签有多大，背景就铺多大
3、内容不能放在内容上面，内容可以放在背景的上面
思考：什么情况下使用背景图？
1、图在图上或字在图上，使用背景图
2、一张图重复出现，使用背景图
表格拼版
代码参照例题
第四篇：黑马程序员PHP培训教程：Linux介绍
Linux介绍
1、计算机资源
计算机资源是由两部分组成：
硬件资源：键盘、显示器、鼠标、硬盘、内存等等。软件资源：应用程序，如office、qq等等。
问题：用户在键盘上的操作（打字）为什么会在word文档中显示出来？ 流程：硬件→操作系统→程序→硬件（显示器）
操作系统：操作系统它是一个特殊的软件程序（软件资源的范畴）。
2、常见的操作系统
• Windows 它微软公司开发的一款桌面操作系统（闭源系统）。版本有dos、win98、win NT、win XP、win
7、winvista、win
8、win 10。服务器操作系统：winserver 2003、winserver 2008、winserver 2012。Mac 苹果公司开发的一款操作系统（闭源系统），目前最新的版本是IOS10。界面风格还是不错。对于系统底层的优化也是很好。Linux Linux是一个开源的操作系统，目前是市面上占有率极高的服务器操作系统。目前其分支有很多。Unix Unix是Linux操作系统的前身，Unix时间戳是指1970年1月1日0时0分0秒，1970年是Unix的时间元年，也就是Unix诞生的年份。•
3、为什么要使用Linux操作系统
之所以大部分的公司开发的时候都是使用Linux操作系统，取决于两个特性：
稳定性：取决于系统的底层架构，一般情况下Linux系统能做到很长时间不关机一点也不卡顿；
安全性：开源系统，所有人都可以贡献自己的源代码为Linux系统打补丁； 开源一定意味着免费么？
开源是指免费的将代码开放，实质上是进行服务收费。RedHat它是Linux系统的一个分支，服务收费价格大约是10万$/年。
4、Linux名字含义
狭义：是指有Linux作者（Linux之父）李纳斯（linus）所编写的一段代码； 广义：是指目前在各大公司所被广泛使用的Linux多种分支的集合。
Linux发展历史 Unix操作系统
• 1968年Multics项目
MIT、Bell实验室、美国通用电气有限公司走到了一起致力于开发Multics项目。到后期由于开发进度不是很好，MIT和Bell实验室相继离开这个项目的开发，最终导致项目搁浅。1970年UNIX诞生
当时在开发Multics项目的时候，实验室中有一个开发成员开发了一款游戏（travelspace：遨游太空），因为两个实验室相继离开项目开发，导致这名开发人员没法玩游戏，后来他提议组织人员重新在Multics项目之上重新的开发，也就出现了1970年的Unix。当时Unix操作系统是使用的汇编语言开发的。1973年用C语言重写UNIX 因为汇编语言有一个最大的局限性：对于计算机硬件过于依赖。导致移植性不好，所以后期在1973年使用了C语言对其进行重新开发。1975年Bell实验室允许大学使用UNIX 1975年，bell实验室允许大学使用unix操作系统用于教学作用，而不允许用于商业用途。•
Linux操作系统
• 人物
Linus
Linux的开发作者，李纳斯·托瓦兹。荷兰在校大学生。• 1991年
0.0.1版本
李纳斯当时学校使用的就是Unix操作系统，然后其对系统的底层代码进行了修改，放到了学校为学生开放的网站上，原先他把文件命名写成了Linus’sUnix，后期网络管理发现之后觉得这个名字不好，自己手动的将名字改成Linux。随后其他同学下载之后发现这个版本还是挺好用的，随后都把自己代码贡献给李纳斯。• 1992年
0.0.2版本 • 1994年
1.0版本 • 2003年
2.6版本
上面所说的版本是指Linux的内核版本，不是指分支的发行版本。
开源文化
Linux是开源的操作系统。所谓开源就是指开放源代码。
• 人物Stallman 斯特曼
开源文化的倡导人。• 1983年GNU计划 • 1985年FSF基金会
• 1990年Emacs、GCC、程序库
• 1991年 Stallman去找Linus，商谈让Linux加入其开源计划（GNU计划）• 1992年GNU/Linux Linux分支
目前分支比较多，常见的有centos、RedHat、乌班图、debian等等。具体的分支，可以查看【文件】中的Linux分支图。
第五篇：黑马程序员PHP培训教程：GET请求
GET请求
语法：open(get|post,URL地址)PHP页面
用户名： 脚下留心：
1、IE不支持中文
2、=、&与请求的字符串的关键字相混淆。
解决：在js中通过encodeURIComponent()进行编码即可。
window.onload=function(){ document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
name=encodeURIComponent(name);//编码 var req=new XMLHttpRequest();req.open('get','4-demo.php?name='+name);req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){
alert(req.responseText);} }
req.send(null);//如果send()方法中没有数据，要写null } } 测试
POST请求
1、通过send()发送数据
2、必须设置setRequestHeader()将传递的参数转成XML格式
3、post提交可以直接提交中文，不需要转码
4、post请求中的字符也会和URL中的&、=字符相混淆，所以建议也要使用encodeURIComponent()编码
5、在POST提交的同时，可以进行GET提交 PHP页面
用户名：
点击咨询 