7天学会网站建设最快培训教程Word下载.docx
- 文档编号:16580877
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:61
- 大小:794.87KB
7天学会网站建设最快培训教程Word下载.docx
《7天学会网站建设最快培训教程Word下载.docx》由会员分享,可在线阅读,更多相关《7天学会网站建设最快培训教程Word下载.docx(61页珍藏版)》请在冰豆网上搜索。
标签………………………………………………………………………………6
(一)<
tltle>
标签…………………………………………………………………………6
(二)<
ISINDEX>
标签………………………………………………………………………6
三、<
BODY>
标签……………………………………………………………………………7
四、基本结构…………………………………………………………………………………8
第2课文本……………………………………………………………………………………8
BR>
标签………………………………………………………………………………8
Hi>
标签(i=1,2,3,4,5,6)…………………………………………………10
P>
标签…………………………………………………………………………………11
四、<
HR>
标签………………………………………………………………………………12
五、<
PRE>
标签………………………………………………………………………………13
六、字符格式标签…………………………………………………………………………14
七、<
ADDRESS>
标签…………………………………………………………………………15
第3课图像…………………………………………………………………………………15
一、SRC属性…………………………………………………………………………………16
二、确定图像大小的属性……………………………………………………………………16
三、ALIGN属性………………………………………………………………………………16
四、ALT属性…………………………………………………………………………………17
五、确定图像过距的属性……………………………………………………………………18
六、BORDER属性………………………………………………………………………………18
七、ISMAP属性………………………………………………………………………………19
习题二……………………………………………………………………………………………19
第3讲列表、表格和文档的超链接……………………………………………………………21
第1课HTML文档中的列表元素………………………………………………………………21
一、无序列表…………………………………………………………………………………21
二、排序列表…………………………………………………………………………………22
三、目录列表…………………………………………………………………………………23
四、菜单列表…………………………………………………………………………………24
五、描述性列表………………………………………………………………………………24
第2课HTML中的表格元素……………………………………………………………………27
table>
标签……………………………………………………………………………27
(一)border属性…………………………………………………………………………27
(二)width和height属性………………………………………………………………27
(三)align属性……………………………………………………………………………27
(四)cellspacing属性……………………………………………………………………29
(五)cellpadding属性……………………………………………………………………29
CAPTION>
标签…………………………………………………………………………30
(一)ALIGN属性……………………………………………………………………………31
(二)VALIGN属性…………………………………………………………………………31
TRE>
标签………………………………………………………………………………33
(一)ALIGN属性……………………………………………………………………………33
(二)VALIGN属性…………………………………………………………………………33
TH>
和<
TD>
标签…………………………………………………………………………33
(一)rowspan属性…………………………………………………………………………33
(二)colspan属性…………………………………………………………………………33
(三)align属性……………………………………………………………………………35
(四)valign属性…………………………………………………………………………35
五、一些仅在IE中有效的标签和属性………………………………………………………36
标签的bgcolor属性……………………………………………………36
标签的backgroound属性………………………………………………36
(三)<
标签的frame属性…………………………………………………………36
(四)表格的行分组…………………………………………………………………………43
(五)表格的列分组…………………………………………………………………………44
(六)<
标签的rules属性…………………………………………………………47
第3课文档的超链接…………………………………………………………………………52
一、不同文档之间的跳转……………………………………………………………………52
二、跳转到标记位置…………………………………………………………………………53
三、链接地图…………………………………………………………………………………55
习题三……………………………………………………………………………………………56
第1讲Internet和HTML简介
本讲概要:
◆Internet概述
◆与HTML有关的一些术语
◆编辑和运行HTML文档的环境
第1课Internet概述
在这一课中,我们将介绍Internet(因特网,也称国际互联网)的工作原理、发展简史和它提供的主要服务,让读者对Internet有个大致的了解。
一、Internet工作原理
所谓计算机网络,就是将各自独立的电脑主机(节点)通过通信线路连接而成的信息技术系统。
Internet是一种全球范围的基于分组交换原理和TCP/IP协议的计算机网络。
它将信息进行分组(分割为许多小数据包)后以数据包为单位进行传输。
Internet在进行信息传输时要完成的任务主要有两项:
一是正确分割源文件和在目的地将同一源文件的数据包准确地重组起来;
二是将数据包准确地送往目的地。
Internet基于TCP协议(传输控制协议)对数据进行分组和重组。
TCP协议规定了分割数据和重组数据所要遵循的规则和要进行的操作。
在分割数据时,TCP协议将为数据包添加一些附加信息,让计算机知道哪些数据包来自于同一个源文件,以及这些数据包在文件中的顺序,从而能在目的地将这些数据包重新组合起来。
数据在Internet上的传输往往是远距离的,因此在传输过程中是通过路由器一站一站转接来实现的。
路由器是一种特殊的计算机,它会检测数据包的目标地址(目标主机的地址),然后决定将该数据包送往何处。
IP协议(网际协议)给Internet中的每一台计算机规定了一个地址——IP地址。
IP地址的标准格式(如202.103.144.101)由四部分组成,前两部分规定了当前使用网络的管理机构,第三部分规定了当前使用的网络的地址,最后一部分则规定了当前使用的计算机的地址。
二、Internet发展简史
Internet起源于20世纪60年代。
当时,美国和苏联两个超级大国一直在进行冷战,两国储备的核武器足以摧毁整个地球。
美国军方最关心的一件事是:
如何能在通讯设备受到核武器袭击后保持联络?
按照美国当时的情况,所有的命令和指示都是由通讯总指挥部做出的,它一旦被炮火摧毁,整个美国军队之间的通讯就陷入瘫痪状态,后果不堪设想。
“分组交换”的思想就是在那时提出的。
在分组交换的通讯网络中没有总指挥部,每一结点的地位都是相等的,它们都能发送和接收信息。
这样,如果某个结点被敌军摧毁的话,剩余的结点仍可以完成通讯联络工作。
1968年,基于分组交换原理的计算机网络——ARPANET建成了,这就是最初的Internet。
之后,ARPANET的应用由军事领域延伸到教育领域,科学家们开始使用ARPANET交换信息,共享研究成果。
1983年,TCP/IP协议的建立,使计算机通信有了统一的标准,这是计算机网络发展史上的一个里程碑,网络从此进入高速发展的时代。
到了1984年,连在ARPANET上的主机数已超过1000台。
1986年,美国国家科学基金会NSF(NationalScienceFoundation)建立了自己的计算机网络,以满足科学研究的需要。
NSFNET很快超过了ANPANET而成为最大的计算机网络。
1987年,连在NSFNET上的主机数已达到1000台,计算机网络开始在民用领域内大有作为。
到了1989年,连在网络上的主机数达到10万台,1992年达到100万台。
随着计算机和通信事业的飞速发展,计算机网络由过去的军事和教育专用网络发展成为无所不包,无所不能的国际互联网络Internet。
我们可以在Internet上查找资料、做广告、发布信息、通信、发传真甚至交谈和举行会议。
Internet已经成为与我们的生活和工作密切相关的一部分了。
三、Internet提供的主要服务
Internet提供的服务主要有E-mail、FTP、BBS、Telnet和WWW五种。
(一)电子函件
电子函件(E-mail)可以简单地理解成为通过Internet发送和接收的邮件,不过这种邮件必须是存储在计算机内的文档或程序。
和普通邮件一样,发送电子函件也必须有邮件地址,它的格式为:
接收用户名@目标主机名,如wuyuting@。
电子函件具有速度快,价格低廉等优点,是Internet上应用极为广泛的一项功能。
我国使用Internet就是从1987年钱天白教授发出第一封电子函件“越过长城,通向世界”开始的。
(二)文件传输
FTP,(FileTransportProtocol)即文件传输协议,用于登录远程主机调用所需要的文件,并将它传到自己的计算机上。
FTP的使用格式为:
FTP目标主机的IP地址(或域名),如FTP。
当使用FTP命令登录目标主机后,还要输入用户名和密码进行身份验证。
非注册用户可以使用通用用户名Anonymous(匿名者)并用Guest或自己的E-mail地址作为密码。
Internet上的大多数主机都提供文件共享服务,但是给予匿名用户的权限要低于注册用户。
(三)电子公告
BBS(BulletinBoardSystem)即电子公告板系统,用户可以在电子公告板上发布信息和进行讨论。
这有些类似我们平常使用的留言板。
当一个用户在公告板上发布某条新闻或询问某个问题后,其他进入该公告板系统的用户就会看到这些信息并做出回应。
登录BBS需要特定的程序,常用的如Nettem,用户只需要在列表中输入想登录的BBS的IP地址(或域名)及相应的端口号即可。
(四)远程登录
计算机用户可以通过Telnet命令将本地计算机连至远程计算机上来使用远程计算机的程序和数据。
Telnet的命令格式为:
Telnet远程主机的IP地址(或域名),如Telnetbbs.SjtU.edu.on。
当用户想中断与远程计算机的连接时,可以使用Quit或Close命令退出。
(五)网页浏览
网页浏览(WWW)虽然是创建最晚的一种服务方式,但它便捷的操作方式,丰富的信息资源使它迅速超过FTP、BBS、Telnet甚至E-mail而成为Internet应用最为广泛的一项功能。
WWW采用客户用/服务器的工作方式。
程序和数据等信息存放在Web(网页)服务器中,用户则在Web客户机上通过Web浏览器下载网页,进行浏览和交互操作(通常简称为测览)。
最常用的两种Web浏览器是Netscape公司的NetscapeNavigator和微软公司的IE(InternetExplorer)。
用户在使用这两种Web浏览器浏览网页时,只需在地址栏中键入相应的网址即可。
第2课与HTML有关的一些术语
一、统一资源定位器——URL
URL(UniformResourceLocation)即统一资源定位器,它指出了文件在Internet中的位置。
URL由协议名、Web服务器地址、文件在服务器中的路径(即目录)和文件名四部分构成。
例如,http:
//
其中http:
//是协议名,表示文件的运行是遵循超文本传输协议的。
是Web服务器的地址,/intl/cn是文件所在的目录,index.html则是文件名。
二、超文本标语语言——HTML
HTML(HypertextMarkupLanguage)即超文本标记语言,它是一种用于编写超文本文档的标记语言。
自从1990年首次应用于网页编辑后,HTML迅速崛起成为网页编辑的主流语言。
几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。
HTML并不是一种程序语言而是一种结构语言,它具有平台无关性。
无论用户使用何种操作系统(Windows、Dos、Unix等等),只要有相应的浏览器程序,就可以运行HTML文档。
三、超文本传输协议——HTTP
超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和要进行的操作。
HTTP协议的制定使测览器在运行超文本文档时有了统一的规则和标准,从而大大增强了网页的适用性。
第3课编辑和运行HTML文档的环境
我们一般采用纯文本文档编辑器,如Windows中的记事本或写字板,Dos中的文本编辑器Edit等来编辑HTML文档,并在保存时将其存为后缀名为.htm或.html的文档。
不提倡使用Word、WPS等字处理软件来编辑HTML文档,因为这样会导致格式字符出错。
HTML文档是运行在Web浏览器上的,最常用的两种浏览器是Netscape公司的Netscape、Communicator和微软公司的IE。
在使用这两种浏览器运行HTML文档时,只需在地址栏中键入文件的URL即可。
如果只键入目标服务器的地址,浏览器将显示目标服务器上的Homepape(主页),即目标服务器在被用户访问时显示的缺省文档。
习题一
一、填空题
1.Internet是一种全球范围的基于___原理和___协议的计算机网络。
它是将信息分组后以数据包为单位进行传输的。
2.IP地址的标准格式由四部分组成,前两部分规定了当前使用网络的___,第二部分规定了当前使用的___的地址,最后一部分则规定了当前使用的___的地址。
3.FTP的非注册用户可以使用通用用户名___登录并用___或自己的E-mail地址作为密码。
4.___即统一资源定位器,由___、Web服务器地址、文件在服务器中的路径和___四部分构成。
5.我们一般采用___编辑器,如Windows中的___或写字板、Dos中的Edit等来编辑HTML文档。
二、简答题
1.简述Internet发展史。
2.Internet提供的服务主要有哪五种?
它们各自的功能是什么?
3.常用的Web浏览器有哪两种?
它们分别是什么公司生产的?
本讲难点:
(1)Internet的工作原理;
(2)统一资源定位器URL;
(3)编辑HTML文档的环境。
本讲难点:
第2讲HTML语言的语法基础及规则
◆元素和标签的涵义
◆HTML文档的基本结构
◆HTML文档中的文本标签
◆HTML文档中的图像标签
HTML的主要语法是元素和标签。
元素是符合DTD(文档类型定义)的文档组成部分,如title(文档标题)、IMG(图像)、table(表格)等等。
元素名不区分大小写。
HTML用标签来规定元素的属性和它在文档中的位置。
标签分单独出现的标签和成对出现的标签两种。
大多数标签是成对出现的,由首标签和尾标签组成。
首标签的格式为<
元素名>
,尾标签的格式为<
/元素名>
。
成对标签用于规定元素所含的范围,如<
title>
/title>
标签用来界定标题元素的范围,也就是说,<
/tide>
之间的部分是该HTML文档的标题。
单独标签的格式为<
,它的作用是在相应的位置插入元素。
如<
标签表示在该标签所在位置插入一个换行符。
本讲将介绍HTML文档的基本结构以及文本部分和图像部分使用的主要标签,掌握这些知识读者便能编辑一些简单的网页。
第1课基本结构
了解HTML文档的基本结构前,我们先认识一下组成HTML文档的各种标签。
标签
<
标签是文档标识符,它是成对出现的,首标签<
和尾标签<
/HTML>
分别位于文档的最前面和最后面,明确地表示文档是以超文本标识语言(HTML)编写的。
该标签不带任何属性。
事实上,我们现在常用的Web浏览器(Netscape和IE)都可以自动识别HTML文档,并不要求有<
标签,也不对该标签做任何操作。
但是,为了提高文档的适用性,使我们编写的HTML文档能适应日新月异的Web浏览器,还是应该养成使用这个标签的习惯。
HEAD是英文“头”的意思。
习惯上我们把HTML文档分为文档头和文档主体两部分。
文档主体部分就是我们在Web浏器窗口的用户区内看到的内容,而文档头部分用来规定该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。
HTML文档的标签是可以嵌套的,即在一对标签中可以嵌入另一对子标签,用来规定母标签所含范围的属性或其中某一部分内容,嵌套在<
标签中使用的主要有<
标签和<
际签。
标签是成对出现的,用以规定HTML文档的标题。
在<
之间的内容将显示在Web浏览器窗口的标题栏中。
例:
html>
head>
ThisisatestTITLEtext.<
/head>
body>
HTMLisnoreallanguagesuchasC++orPascal,itisjustasystemfordescribingdocuments.AWWWbrowserinterprettheHTML-codeanddisplayit.
/body>
/html>
在IE4.0中显示效果如图2-1所示。
图2-1IE4.0显示效果图
是一个单独标签,它用来规定文档的属性,说明该文档是可以按关键字索引的。
下面我们通过一个简单的例子来说明该标签的作用。
这是一个“ISINDEX”标签的范例程序。
<
HTMLisaspecialversionofSGML(isusedbybigcompaniesforexchangeofdata)focusedonHypertext.HTMLcodeiswritteninASCll.Thisisaadvantages,becauseASCIIcanbereadbyaboutanyplatform,thusmakingtheWWWusableforanyplatformaslongasviewerprograms,thebrowsersexist.
在IE4.0中显示效果如图2-2所示。
图2-2ISINDEX测试文档
其中“可以搜索该索引。
请键入要搜索的关键字:
”是IE浏览器自动加上去的。
浏览者在空白文本框条内键入要查询的关键字并按回车确认后,光标将移至该关键字或包含该关键字的词处。
此时,与关键字相匹配的字符呈亮蓝色。
标签是成对出现的。
之间的内容将显示在Web浏览器窗口的用户区内,它是HTML文档的主体部分。
标签中可以规定整个文档的一些基本属性:
·
“BGCOLOR”。
指定HTML文档的背景色。
“TEXT”。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 学会 网站 建设 最快 培训 教程