黑马程序员php培训:3天带你玩转HTML教程由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“黑马程序员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、空标记: 不成对出现的标记
(单标记)