黑马程序员php培训:3天带你玩转HTML教程(推荐五篇)

时间:2019-05-12 18:59:35下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《黑马程序员php培训:3天带你玩转HTML教程》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《黑马程序员php培训:3天带你玩转HTML教程》。

第一篇:黑马程序员php培训:3天带你玩转HTML教程

滚动文字的设置

路径

路径分为两种

1、绝对地址:从盘符开始

2、相对地址:以自身文件为准

注意:../代表上一级目录./代表当前目录

点击./代表当前目录

链接

连接的标记是 内部链接

网站内部页面和页面之间的连接,参照前面路径那一节

外部链接

外部连接就是连接到其他网站上去

空连接

有超链接的样子,但是点击不会跳转。这种就是空连接,空连接用#表示。

下载链接

链接的文件,浏览器无法打开,就自动出现下载。

锚链接

新建一个锚点

Id表示唯一的编号。

点击超链接,连接到指定的锚点处

#表示id的意思,六种标题级别

到h6,标题也是有权重的。H1权重最高

列表

有序列表(

    每一项是一个li 无序列表(

      )

      自定义列表(

      )

      第二篇:黑马程序员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教程(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页面

      用户名:

下载黑马程序员php培训:3天带你玩转HTML教程(推荐五篇)word格式文档
下载黑马程序员php培训:3天带你玩转HTML教程(推荐五篇).doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    黑马程序员PHP培训教程:AJAX聊天室

    AJAX聊天室 设计message表:用来保存聊天信息 获取最新的聊天记录 PHP页面:大于最大聊天编号的记录肯定是新的聊天记录 1 2 3 4 5 6 7 8 9......

    黑马程序员PHP培训教程:同步和异步

    同步和异步 req.open(参数传递的方法,URL,[true|false]) true:异步:同一个时间点允许多个进程,【默认】 false:同步:同一个时间点只能执行一个进程。 HTML代码 window.onload=......

    黑马程序员PHP培训教程:Ajax文件上传

    Ajax文件上传 DOM方式只能获取字符串类型数据,不能获取二进制数据。可以通过FormData对象来获取二进制数据。 PHP页面 HTML页面 1 2window.onload=function{ 3 documen......

    黑马程序员PHP培训教程:发表聊天记录

    发表聊天记录 HTML页面 function sendMessage{ var frm=document.getElementById('frm'); var fd=new FormData(frm); var req=new XMLHttpRequest; req.open('post......

    黑马程序员php培训:4天带你搞定CSS视频教程

    标签的显示模式 行显示标记 标记是从左往右排称为行显示标记 特性: 1、 从左往右排列 2、 不指定高度默认高度是0 3、 不指定宽度默认宽度是0 4、 行显示标记不能指定宽度和......

    黑马程序员php培训:4天带你搞定CSS视频教程

    按CSS的位置来分类 1、 内嵌样式:在HTML页面中以开头,结束,这里边的样式只能供本页面使用 2、 外部样式:写一个css文件,在需要使用css的页面中引入外部css。我们可以将页面公用的......

    黑马程序员PHP培训教程:Linux安装-3

    Linux安装-3 第十一步:选择磁盘类型,默认即可,点击【下一步】 第十二步:选择磁盘位置,选【创建新的磁盘】,然后点击【下一步】 第十三步:选择磁盘大小,默认20G 第十四步:设置磁盘文......

    黑马程序员PHP培训教程:同步和异步介绍

    什么是AJAX 1999年,微软公司发布IE5浏览器的时候嵌入的一种技术。起初名字是XMLHttp,直到2005年,google公司发布了一个邮箱产品gmail,内部的gtalk聊天工具有使用ajax技术,该事情......