《1001网页设计》由会员分享,可在线阅读,更多相关《1001网页设计(81页珍藏版)》请在金锄头文库上搜索。
1、上海理工大学计算机基础教研室上海理工大学计算机基础教研室 网页设计网页设计上一页下一页停止放映课程学习目标课程学习目标n学习目的和要求学习目的和要求n掌握网站规划和设计掌握网站规划和设计n掌握网页设计掌握网页设计,网页和网站的关系网页和网站的关系n页面的基本布局页面的基本布局n掌握超掌握超超级超级链接链接设计设计n在网页中插入媒体、嵌入在网页中插入媒体、嵌入JavaScript代码代码n表单制作表单制作n软硬件配置和环境软硬件配置和环境nWindows XP平台平台nMicromedia Dreamweaver cs4(选用选用)上一页下一页停止放映学习目标学习目标:n了解有关网页的一些基本概
2、念n了解网站的基本结构特性和网页的布局n了解网页制作的基本工具和开发语言n了解站点规划的基本流程上一页下一页停止放映1.1网站与网页1.网站设计的基本知识2.网页基本构成元素3.网站分类4.网站分类与设计风格5.网站制作步骤home上一页下一页停止放映1、基本概念:nWWW(World Wide Web)服务:服务:nWorld Wide Web(万维网),简称WWW,是Internet上最重要的信息服务之一,WWW是以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞大的多媒体信息网。nWWW信息发布模式:信息发布模式:nWWW信息发布:采用客户端/服务器(
3、Client / Server)模式。WWW服务器程序运行在WWW服务器上,用于发布存放在WWW服务器中的网页;WWW客户端程序运行在用户计算机上的网页浏览器,通过Internet与WWW服务器进行通信,将网页传送到用户计算机上并显示出来。下下下下一一一一页页页页1.网站设计的基本知识上一页下一页停止放映n统一资源定位器(统一资源定位器(Universal Resource Locator,简称,简称URL):是用来指出某项信):是用来指出某项信息的位置及存取方式,以取得各种服务信息息的位置及存取方式,以取得各种服务信息的一种标准方法。的一种标准方法。n通信协议通信协议:包括:包括HTTP(超
4、文本传输协议)、(超文本传输协议)、FTP(文件传输协议)、(文件传输协议)、Gopher(Gopher协议)和协议)和News(新闻组)等。(新闻组)等。1.网站设计的基本知识上一页下一页停止放映n主机名主机名:指要访问服务器的Internet名称。n所要访问的文件路径及文件名所要访问的文件路径及文件名:它指要访问资源的具体位置。n文件传输协议(文件传输协议(File Transfer Protocol,简称FTP):是一种快速、高效和可靠的信息传输方法。1.网站设计的基本知识上一页下一页停止放映nHTTP协议协议n超文本传输协议超文本传输协议HTTPHTTP(Hyper Text Tran
5、sfer Hyper Text Transfer ProtocolProtocol)是)是WWWWWW服务所使用的信息传输协议,服务所使用的信息传输协议,即访问即访问InternetInternet上的上的WebWeb页面所用协议。页面所用协议。n打开打开InternetInternet上某一网页:上某一网页:HTTP:/WWWHTTP:/ 如:如:http:/ Page)n通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面,是WWW的基本单位。n网页文件就是普通的文本文件,但规定其后缀为.htm或.html。n在IE浏览器中查看网页文件的实际内容:执行菜单栏“查看”|“源文件”命
6、令。1.网站设计的基本知识上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映1.网站设计的基本知识n网站(网站(Web Site)n是一组具有共享属性(如相关主题、类似的设计或共同目的)的链接文档。网站由众多的网页组成的,它们存储在某一个Web服务器上上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映1.网站设计的基本知识n首页首页n网站的默认页面,也称为主页。nWeb服务器都有自己默认的主页名称,输入地址时仅指定WWW服务器域名或IP地址时打开的页面就是首页。n主页是一个网站最重要的网页,通常包含最新的信息及指向各分栏目的超链接。n常见的首页名称有inde
7、x.htm(index.html) 或default.htm(default.html)。home上上上上一一一一页页页页上一页下一页停止放映n浏览器浏览器:要想访问网络中的各种资源,还需要一个工具,那就是浏览器,否则无法访问到网络中丰富的资源。目前常用的浏览器有目前常用的浏览器有:IE、netscape和腾腾训训TT 1.网站设计的基本知识上一页下一页停止放映nIP地址:地址:IP地址是一组32位的数字号码,如“218.30.12.184”,这就是上网主机的地址。一个IP地址主要由两部分组成:标识该地址从属的网络号;指明该网络上某个特定主机的主机号。IP地址的分类:A类:(0127)1262
8、00万/网B类:(128191)1.6万6万5千台C类:(192223)200万254台1.网站设计的基本知识上一页下一页停止放映网络号网络号主机号主机号 十进制18181021二进制00010010101101010000000000010101网络号网络号主机号主机号 十进制1661118248二进制1010011011011110000100011111000网络号网络号主机号主机号十进制202112036二进制11001010011100000000000000100100C类:(192223)200万254台B类:(128191)1.6万6万5千台A类:(0127)126200万/网
9、上一页下一页停止放映n域名:域名:IP地址是一长串的数字号码,这些数字难记又难以理解。为了方便大家理解、记忆,便有了域名的概念。1.网站设计的基本知识上一页下一页停止放映n表单表单:表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面,以及论坛、聊天室、留言簿等。n超级链接超级链接:这是网页制作中经常要用到的概念,指的是页面对象之间的连接关系。n导航条:导航条:导航条能十分有效地实现超级链接功能。n发布:发布:将制作好的网页上传到服务器的过程即是发布,也称为上传或上载。1.网站设计的基本知识上一页下一页停止放映2.网页基本构成元素n网页基本构成元素网页基本构成元素
10、n文本:文本:最基本的构成元素,表现信息内容的主体。占用空间小,信息量大n超链接:超链接:相关网页及其他网络资源之间联系的纽带。n图片、动画:图片、动画:静态和动态的图形文件。n声音和视频:声音和视频:音乐,在线广播,在线影视n信息提交表单:信息提交表单:提供网上交互功能的基本元素,用来收集浏览者提供的信息并提交给Web服务器进行处理。home上一页下一页停止放映n门户网站门户网站 (Web Portal):英文英文Portal的意思是大门、停泊站或入口。的意思是大门、停泊站或入口。Web网门户指上网时网门户指上网时首先访问的网站。首先访问的网站。Web网站的拥有者都希望用户一打开浏览器,网站
11、的拥有者都希望用户一打开浏览器,就直接登录到自己的主页且最好不要离开这个主页。这意味着就直接登录到自己的主页且最好不要离开这个主页。这意味着数以百万计的用户所有的点击都从自己开始,从而使网站拥有数以百万计的用户所有的点击都从自己开始,从而使网站拥有较高的访问量,以此吸引最大规模的广告及其他商业机会。人较高的访问量,以此吸引最大规模的广告及其他商业机会。人们认为目前们认为目前AOL是美国最优秀的是美国最优秀的ISP和和ICP,是,是Web网门户的网门户的代表,其次是代表,其次是Yahoo和和D。例如各个高校及单位的。例如各个高校及单位的网站皆为门户网站,如网站皆为门户网站,如http:/,此为上
12、海,此为上海理工大学的门户网站,通过这个网站可进入各个院系的网站。理工大学的门户网站,通过这个网站可进入各个院系的网站。3、网站分类上一页下一页停止放映n搜索引擎:主要目的为人们搜索所需的资料和网站。如大家通用的http:/网站和http:/网站。3、网站分类上一页下一页停止放映n个人主页:http:/(此为著名影星李亚鹏的网站);http:/ 我们研究网站的链接结构的目的在于:用最少的链接,使得浏览最有效率。 一般的,建立网站的链接结构有三种基本方式:(3) 确定网站的链接结构2.网站结构设计home线形链接结构线形链接结构:用于组织本身是线性顺序形式存在的信息,可以引导浏览者象翻阅书籍一样
13、按顺序浏览整个网站。 优点优点是网络浏览具有连续性。 缺点缺点是当网页量大时,不能灵活的访问。上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映2.网站结构设计树状链接结构树状链接结构:类似DOS的目录结构,首页链接首页链接指向一级页面,一级页面链接一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时,一级级进入,一级级退出。 优点优点是条理清晰,访问者明确知道自己在什么位置,不会“迷”路。 缺点缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。(3) 确定网站的链接结构上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停
14、止放映非线性链接结构非线性链接结构:该类结构主体是树状链接结构,并将小的栏目交叉连接。 优点优点是使网站具有条理,并且可以实现某些相互交叉链接的栏目之间的快速跳转。 缺点缺点是如果规划没有做好可能使浏览者在浏览时不知道位于何处。home(3) 确定网站的链接结构2.网站结构设计上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映网站链接结构设计常用方法如下:n方法一:使用线性链接结构。n方法二:在新窗口打开链接指向的网页。n方法三:在网页中增加一条关于所处网页位置的栏目,并在位置的说明中加入链接,帮助浏览者明确所处的位置,并快速转向上级网页。n即经常看到许多网站页面顶部的,类似
15、这样: “您现在的位置是:首页您现在的位置是:首页-网络中心网络中心-计算机基础计算机基础教育教育-文科计算机基础课课件文科计算机基础课课件”home上上上上一一一一页页页页2.网站结构设计上一页下一页停止放映3.网站风格设计(1) 网页色彩的搭配n色彩是人的视觉最敏感的东西,网页中色彩的选择和搭配是树立网站形象的关键之一。n色彩总的应用原则应该是“总体协调,局部对比”。下下下下一一一一页页页页上一页下一页停止放映3.网站风格设计home(1) 网页色彩的搭配上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映3.网站风格设计home(1) 网页色彩的搭配上上上上一一一一页页页
16、页下下下下一一一一页页页页上一页下一页停止放映3.网站风格设计红色代表热情、活泼、热闹、温暖、幸福、吉祥橙色代表光明、华丽、兴奋、甜蜜、快乐橙色较温和,是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比时较生动.黄色代表明朗、愉快、高贵、希望绿色代表新鲜、平静、和平、柔和、安逸、青春蓝色代表深远、永恒、沉静、理智、诚实、寒冷紫色代表优雅、高贵、魅力、自傲白色代表纯洁、纯真、朴素、神圣、明快灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞灰色是色彩中最被动的颜色.受有彩色影响极大,靠邻近的色彩获得自己的生命.近冷暖,近暖则冷.最有平静感(中性),是视觉中最安静的色彩.有很强的
17、调和对比的作用.黑色代表崇高、坚实、严肃、刚健、粗莽黑与白:非常对立而又有共性,是色彩最后的抽象.能够用来表达富有哲理性的东西. 色彩与人的心理感觉色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。一般情况下,各种色彩给人的感觉是home上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映3.网站风格设计 使用单色使用单色尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。 使用邻近色使用邻近色所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和
18、黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。(1) 网页色彩的搭配上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映 使用对比色使用对比色对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。 背景色的使用背景色的使用背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映“T T”结构布局结构布局所谓
19、所谓“T T”结构结构: :就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。 优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。 缺点是规矩呆板,如果细节色彩上不注意,很容易让人看之无味。(2)确定网站的版面设计上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映“口口”型布局型布局 所谓所谓“口口”结构:结构:就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。也有将四边空出,只用中间的窗口型设计
20、。 优点是充分利用版面,信息量大 缺点是页面拥挤,不够灵活。(2)确定网站的版面设计上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映对称对比布局对称对比布局 所谓所谓“对称对比对称对比”结构:结构:顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。 优点是视觉冲击力强 缺点是将两部分有机的结合比较困难。(2)确定网站的版面设计上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映4.POP4.POP布局(自由布局(自由布局布局) 所谓所谓“POP布局布局”结结构:构: POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片
21、作为页面的设计中心。常用于时尚类站点。 优点漂亮吸引人。 缺点就是速度慢。(2)确定网站的版面设计home上上上上一一一一页页页页上一页下一页停止放映4.确定网站首页的创意设计 首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的“功力”了。 所以,首页的设计和制作是绝对要重视和花心思的。首页的制作风格也决定了整个网站将要延续的风格。一般首页设计和制作占整个制作时间相当大的比重。 下下下下一一一一页页页页上一页下一页停止放映4.确定网站首页的创意设计1、书籍封面式首页、书籍封面式首
22、页 有些大型网站往往有一个书籍封面式的首页,上面只有一个“进入”的链接,点击之后才可进入到网站。 这种首页设计精美、考究。home上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映4.确定网站首页的创意设计2、期刊杂志式首页、期刊杂志式首页 与书刊封面式首页相似,但在首页上有网站全部内容的目录索引,图文并茂,看上去就像期刊杂志的封面。 这种首页漂亮、又使网站的主要内容一目了然,是一种值得推荐的形式。上上上上一一一一页页页页下下下下一一一一页页页页上一页下一页停止放映4.确定网站首页的创意设计3、报纸式首页、报纸式首页 采用报纸式的首页设计,将栏目索引、功能模块、具体内容一并显
23、示在首页,看上去就像报纸的头版一样。 这种首页,多用于电子商务网站、搜索引擎网站和新闻信息网站,速度快、操作简便。home上上上上一一一一页页页页上一页下一页停止放映1.3网页制作工具网页布局工具uDreamweaveruFrontpage网页美化工具u图像处理软件:Photoshop,Fireworksu动画制作软件:FLASH,Swish、UleadGIFAnimator,UleadCool3D、3DFlashAnimator、Xara3D上一页下一页停止放映1.4网页开发语言1、HTML语言2、动态网站开发语言lASP(ActiveServerPages)lJSP(JavaServerP
24、ages)lPHP(PersonalHomePage)上一页下一页停止放映1.5网站规划一、网站制作流程一、网站制作流程1确定网站主题2搜集资料3规划网站4选择合适的制作工具5制作网页6上传测试7推广宣传上一页下一页停止放映二、网站策划书1网站建设目的及功能定位2网站内容模块规划3网站语言4网站设计风格5网站架设描述上一页下一页停止放映n6网站信息布局图 艺术生涯评文摘录作品收藏作品分类艺术交流联系我们动画播放普通图文版浏览者浏览者网站首页网站作品展示上一页下一页停止放映7网站发布与推广8技术支持9网站服务费用10有效期上一页下一页停止放映三、站点评测1美工设计2栏目内容3浏览速度4技术含量5
25、用户兴趣HTML的概念及基本结构上一页下一页停止放映HTML的概念的概念HTML的基本工作原理的基本工作原理HTML结构结构 HTML中的标记中的标记 HTML的标签与属性的标签与属性上一页下一页停止放映HTML的概念nHTML的英语意思是:HypertextMarkedLanguage,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。n超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.上一页下一页停止放映HTML的基本工作原理nHTML(HypertextMarkupLanguage)是一种规范,一种标准,它通过标记符(tag)来标记要显示的网页的各个部分。n
26、通过在网页中添加标记符,可以告诉浏览器如何显示网页。浏览器按顺序阅读网页文件(HTML文件),然后根据内容周围的HTML标记符解释和显示各种内容。n n常见的网页有静态网页和动态网页两种。静态网页通常见的网页有静态网页和动态网页两种。静态网页通常以常以.htm.htm、.html.html、.shtml.shtml、.xml.xml等形式为后缀;动态网等形式为后缀;动态网页一般以页一般以.asp.asp、.jsp.jsp、.php.php、.perl.perl、.cgi.cgi等形式为后缀。等形式为后缀。 上一页下一页停止放映HTML的基本工作原理HTML的基本原理的基本原理上一页下一页停止放
27、映静态网页与动态网页n一般网页的每一行HTML代码都是在将页放置到服务器之前由设计人员编写的。因为HTML在放置到服务器后不发生更改,所以这种页称为静态页。例如,大多数的个人网站。n当Web服务器接收到对静态页的请求时,服务器将读取该请求,查找该页,然后将其发送到请求浏览器,如图所示。上一页下一页停止放映静态网页与动态网页n所谓动态网页,是指根据用户的请求,由服务器动态生成的网页。例如,ASP网页,PHP网页,JSP网页。n当Web服务器接收到对动态页的请求时,它将该页传递给应用程序服务器,它读取页上的代码,根据代码中的指令完成页,然后将代码从页上删除。所得的结果将是一个静态页,应用程序服务器
28、将该页传递回Web服务器,然后Web服务器将该页发送到请求浏览器。该过程如图所示。上一页下一页停止放映静态网页与动态网页n应用程序服务器使用户能够使用服务器端的资源(如数据库)。n动态页可以指示应用程序服务器从数据库中提取数据并将其插入页的HTML中。例如,搜索页面,电子商务网站等。上一页下一页停止放映 头信息标记头信息标记 My first HTML page My first HTML page 头结束标记头结束标记 正文起始标记正文起始标记 Hi How are you. Hi How are you. 这是我的第一个这是我的第一个HTMLHTML程序程序 正文结束标记正文结束标记 结束
29、标记结束标记 HTML结构 上一页下一页停止放映浏览器的结果:上一页下一页停止放映nHTML只是一个纯文本文件。创建一个只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是文档,只需要两个工具,一个是HTML编辑器,一个编辑器,一个WEB浏览器。浏览器。HTML编辑器是用于生成和保存编辑器是用于生成和保存HTML文文档的应用程序。档的应用程序。WEB浏览器是用来打开浏览器是用来打开WEB网页文件,提供给我们查看网页文件,提供给我们查看WEB资资源的客户端程序。源的客户端程序。 HTML中的标记上一页下一页停止放映1.1.在文档的最外层,在文档的最外层, 文档中的所有文本和文档中的所
30、有文本和htmlhtml标签都包含在标签都包含在其中,它表示该文档是以超文本标识语言(其中,它表示该文档是以超文本标识语言(HTMLHTML)编写的。)编写的。 2. 2. 是是HTMLHTML文档的头部标签文档的头部标签, , 在浏览器窗口中,头部信息是不在浏览器窗口中,头部信息是不被显示在正文中的被显示在正文中的, ,在此标签中可以插入其它标记在此标签中可以插入其它标记, , 用以说用以说明文件的标题和整个文件的一些公共属性。明文件的标题和整个文件的一些公共属性。 HTML中的标记n例如,样式表(例如,样式表(CSSCSS)定义位于)定义位于和和之间;之间;脚本定义位于脚本定义位于之间。之
31、间。上一页下一页停止放映3.3. 嵌套在嵌套在头部标签中的,标签之间的文本是头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。文档标题,它被显示在浏览器窗口的标题栏。 格式:格式:TITLETITLE文件题目文件题目/ /TITLETITLE 标题栏空间有限,即标题应少于标题栏空间有限,即标题应少于8080个字符。个字符。 标题元素中不允许出现标题元素中不允许出现HTMLHTML标记标记 HTML中的标记上一页下一页停止放映n正文标记符中的文字,如果没有其他标记符修饰,则正文标记符中的文字,如果没有其他标记符修饰,则将以无格式的形式显示。将以无格式的形式显示。n注意:空格、
32、回车这些格式控制在显示时都不起作用,注意:空格、回车这些格式控制在显示时都不起作用,如要使它们起作用,应使用预格式化元素如要使它们起作用,应使用预格式化元素和和 4. 4. 标记一般不省略,标签之间的文本是正文,是在浏览器要标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。显示的页面内容。包含包含Web Web 页的内容页的内容:文字、图形、链接文字、图形、链接以及其他以及其他HTMLHTML元素都位于该标记符内。元素都位于该标记符内。上一页下一页停止放映HTML的标签与属性的标签与属性n“”括起来的句子,我们称它为括起来的句子,我们称它为标签,是用来分割和标签文本的元素,标签
33、,是用来分割和标签文本的元素,以形成文本的布局、文字的格式及五彩以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。段落或标题等来标识文档某个部件。nHTML的标签分单标签和成对标签两种。的标签分单标签和成对标签两种。 标签标签上一页下一页停止放映标签标签n在HTML中,所有的标记符都用尖括号括起来。例如,、。nHTML标记符是不区分大小写的。、和没有区别。n注意:XHTML要求标记符区分大小写!养成习惯都用小写。HTML的标签与属性的标签与属性上一页下一页停止放映n绝大多数标记符都是成对出现的,包括开始标记符和
34、结束标记符。某些标记符,例如,只要求单一标记符号。n注意:对于XHTML,这样的标记写为n开始标记符与结束标记符的区别在于:结束标记符多一个斜杠“/”(不是反斜杠“”!)HTML的标签与属性的标签与属性上一页下一页停止放映n属性是用来描述对象特征的特性。例如,属性是用来描述对象特征的特性。例如,一个人的身高、体重就是人这个对象的一个人的身高、体重就是人这个对象的属性。属性。n在在HTML中,所有的属性都放置在开始标中,所有的属性都放置在开始标记符的尖括号里,多个属性之间用空格记符的尖括号里,多个属性之间用空格分开,通常也不区分大小写。分开,通常也不区分大小写。 HTML的标签与属性的标签与属性
35、属性属性上一页下一页停止放映HTML的标签与属性的标签与属性 n属性是标识里的参数的选项,作用是进属性是标识里的参数的选项,作用是进一步控制文件的内容一步控制文件的内容,如文字的大小、颜如文字的大小、颜色等。色等。内容内容字体设置字体设置注意事项:输入始标签时,一定不要在注意事项:输入始标签时,一定不要在“”与标签名之与标签名之间输入多余的空格,也不能在中文输入法状态下输入这间输入多余的空格,也不能在中文输入法状态下输入这些标签及属性,否则浏览器将不能正确的识别括号中的些标签及属性,否则浏览器将不能正确的识别括号中的标志命令,从而无法正确的显示你的信息。标志命令,从而无法正确的显示你的信息。上一页下一页停止放映小结n综上所述,一个不包含任何内容的基本Web页文件如下所示:上一页下一页停止放映