黑马程序员php培训：3天带你玩转HTML教程.docx

黑马程序员php培训：3天带你玩转HTML教程

第一篇：黑马程序员php培训：3天带你玩转HTML教程两个概念客户端和服务器端浏览者使用的计算机客户端，用来给服务器发送请求，注意：管理员使用的计算机也是客户端（在服务器上直接操作除外）存放网页文件的计算机是服务器端。文件名、基本名、扩展名文件名由基本名和扩展名组成，比如demo.txt其中demo是叫基本名，txt是扩展名扩展名是用来区分文件的类型。思考：网页的扩展名是什么？.html.htmHtml和htm是一样的。表示这个文件是静态网页文件。后面我们还会介绍.asp.aspx.php.jspDocJpgGifPNGWord文档图片图片图片格式，是一种无损压缩格式，用的越来越多。打开一个网页的执行过程客户端给服务器端发送一个请求，服务器会把页面的代码（HTML、CSS、js）发送到客户端来，这些代码通过浏览器解析执行就生成了我们看到的页面。站点介绍一个网站中包括HTML页面，CSS，js，图片，flash动画或gif动画，都属于网页的资源文件。为了便于管理，我们将这些静态资源放置到一个文件夹下。这个文件夹我们叫站点。做网站的第一步要先建站点。什么是HTMLHyperTextMark-upLanguage，超文本标记语言。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中显示/隐藏工具面板也是F45、按住空格键快速切换到手型工具6、ctrl键快速切换到选择工具网页基本概念1、网站：所有网页的集合2、首页：也叫主页，但收入网址后打开页面，名称一般为index或default，如果一个网站中没有首页，则这个网站无法显示。3、子页命名规则：小写的英文字母或数字（不能中文）4、页面尺寸：以不出现横向的滚动条为准，目前的页面宽度以17纯平为准(1024*768)通过设计器插入素材插入图片第一种方法：点击插入图片的按钮第二种方法：直接将站点中的图片拖放到页面上即可插入文字文字直接输入，注意：回车：换端Shift+回车：换行设计器下做超链接选择文字或图片，在属性面板上选择连接的地址，或者用指向文件工具连接到指定文件处。连接文件在新的浏览器中打开，在目录选项中选择_blank插入表格宽度单位：（1）像素：绝对单位（2）百分比：相对单位最外层表格单位是像素，套用的可以是像素也可以是百分比。边框：一般调成0单元格填充(填充)：内容距边的距离。（默认为1像素）一般设为0单元格间距：单元格与单元格的距离（默认为2像素）一般设为0标签选择标签选择用来快速选择标签对象。合并单元格和拆分单元格选中单元格，在属性面板上会出现合并单元格和拆分单元格的按钮。表格布局注意点1.整个页面不要都套在一个表格里，尽量拆分成多个表格;若将内容都放在一个表格中，下