黑马程序员php培训：3天带你玩转HTML教程
第一篇：黑马程序员php培训：3天带你玩转HTML教程
两个概念
客户端和服务器端
浏览者使用的计算机客户端，用来给服务器发送请求，注意：管理员使用的计算机也是客户端（在服务器上直接操作除外）
存放网页文件的计算机是服务器端。
文件名、基本名、扩展名
文件名由基本名和扩展名组成，比如 其中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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。