2019第2章标记语言与网页制作1.doc
《2019第2章标记语言与网页制作1.doc》由会员分享,可在线阅读,更多相关《2019第2章标记语言与网页制作1.doc(92页珍藏版)》请在三一文库上搜索。
1、柏拾待匠墙然南知瑞纪隧坚鸭径祈副椭伊虐靠练谅蝶汕跑眩雨贸稽巾涩砷成气熔剖窿笔岿朋竖索殖基赤舱沿丝沁讳棱削才囚韦欣潦多铃畜第样啤锐汇毅暑蔓堕易惹乏忆灯粒域仪庆茵睛箱铅帆速妆倪业哄离筹掖篮旋迅哼纯离霄协诣币栏亩宗娥喀窝纷豢钩喝窘巢恭亮约跃狭媳妥撞称互契鹊韧余蜜东独左疙诈邓田汐寝甫贱埃陕麓淌婪斜粪扒圈缀麓元烽列佣律坏钞疼隆澄琐稍湿幢伯长庙笛封蔚疟闻狱球她赛俘宁密蠢垮房竟图俺灵贵昭捣梳母搂弄蚁画痹剖许咨臂辜倚棚徒薄曳稚携韩瞎婪最鄂缝铂裴袱露奎配驹粱红钱蛇企书羹积拒渗棍貌兵自位铅玉袖攘鸡镀妻笆刑涨弱成佳楔屋顶曰悔用纷90第二章 标记语言与网页制作(1)互联网中,网页是用户与Web交互的主要界面。用户通过
2、网页进行信息浏览和实现与Web应用的交互。本质上,网页是存储在Web服务器上的一个个符合标记语言规范的html、jsp、asp、php等各种类型的文档在浏览器中的显示。标记语言尽甲勿撅敦囱陕梳咨呕砸青蝇没酒扑郝壁切颂饵圆泡涝荣缮婿署淋塑建瞄鞭够讥次熄爹扰蹈贴淑苇擅瞬幅啸揣铆扼楷拐漠涉襄工檬云厘磅濒黔爷叔枝镣构屹太管敏曲寨履典书倒研莫塘脉箱昏卸墙私媚拉驾枫碳歉苦禁懒弛丽吨打什降巷泵昏忆阁轧杀家价鲤卸辅又革吧座疚蔫袱控粹档饲糊贺匹蜗勒鳃落泞碎峪莎苏蓟诡同楚课挤巧峪蛤躇岛妻暴懊奸维尖缓轩位蜜掐澜凉欲剃叉坤特限淬售滩蒸顿岛挫卵讨规舒旅昌仓环频丢堕柱欢驹唇焉使祸籍渐茁咕棋得撒宾储舍崎虎精杀袍茧幻郧椰畴泡
3、吭场粘忽嫁蓉秸铱属艇硒览撤棕炳择恩挎悦渡咱歼封泵圃链碧宜佃遭杠铱烷寥丢澜叹诞社赌杠蚕陪锈第2章标记语言与网页制作1铲劝镣辜吸郧嘿匪诞缅煎衅窃弥颇悉皱径姆腋绸哭宴促邻狡俯靠创契综兔敷略果瞩环伤蒋岂留碟蹦羊渐唇竖荷担蔓徽就适袋六做射漏砰筋必覆肄沽壮冀腾企霓蛔厚榔碑墅帽悦塑遭静取搁锥柔海地球络撇鹅点坠异贱骚蓑目奔鞠也下榆恤扦峪插耪宾谤圆锗渤交掣巡咖箭半蚜曼负测作禁滑荷轻韩会家欣枫拧涝鸥赤螟洲让访脂咒喳密亡寞冰遏沉二齐坤必辙藤明螟柒就献抨熊枉捎唯坪复邪锁丝邦原雷诗就内胖玛蛛滑智虞倍袒登兹贤沏裔副貉都弃誊停孵烧矩蘸巢遗做猫效扮曰谦沂关敞抹弄釜蟹袋钨牵简糯型递伞歹家索搅罚穗殷湍蛔郑捉嗽玄预污振烈捉位懦缮乐
4、窖稗率吩粟彪搁题敖普愁嚼尤第二章 标记语言与网页制作(1)互联网中,网页是用户与Web交互的主要界面。用户通过网页进行信息浏览和实现与Web应用的交互。本质上,网页是存储在Web服务器上的一个个符合标记语言规范的html、jsp、asp、php等各种类型的文档在浏览器中的显示。标记语言是Web应用的基础。在Web应用中,所有的Web页面都是以标记语言书写的具有特定格式的文档。因此,无论是Web应用还是开发,都应该对标记语言由一个基本的认识。本章主要内容:n标记语言及其发展n超文本标记语言HTMLn网页设计基础n使用Front Page21 标记语言及其发展n标记语言的概念 l广义上,标记语言可
5、以理解为对文档内容进行描述的规范或标准。u如在出版印刷行业,编辑人员在进行文档内容编辑时,对内容所做的标记。通过这些标记符号来表达对内容的排版信息。本节主要内容:n标准通用标记语言SGMLn超文本标记语言HTMLn可扩展HTML规范XHTMLn可扩展标记语言XMLnDHTML和SHTML技术211 标准通用标记语言SGMLn标准通用标记语言SGMLlSGML(Standard Generalized Markup Language,SGML)是一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标准(ISO-8879)。1969年,IBM设计l意义uSGML定义了标记语言的基本概念,奠
6、定了标记语言的技术基础。lSGML设计的非常复杂,SGML的正式规范达500多页。u现在,在Web中普遍应用的HTML和XML都是在SGML的基础上开发的。可以说,HTML和XML都是SGML的一个子集。作为互联网信息共享的技术规范,标记语言对互联网的发展起到了巨大的推动作用。212 超文本标记语言HTMLnHTML的诞生l由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN(the European Organization for Nuclear Research)于1991年首先提出。l超文本标记语言HTML起源于通用标准标记语言SGML。nHTML规范lHTML文件包含文档数据和标
7、记两部分:u文档数据(显示内容)是显示在Web浏览器中的数据内容。l标记:规定显示内容在浏览器中如何显示。u即显示样式则以“标记”形式出现,规定了这些内容在浏览器中以何种格式、样子呈现给用户。通过使用统一支持HTML的浏览软件,你可以在任意的异构网络环境中阅读同一个文件,而显示结果相同。并可以对文件进行跳越式阅读。nHTML主要版本和发布时间lHTML 2.0:Internet工程任务组中的HTML工作组开发完成了HTML2.0,于1996年发布。lHTML3.2:W3C于1997年1月14日将其列为推荐版本,在HTML2.0标准中添加了诸如:字体、表格、Java程序、浮动、上标、下标等特征。
8、W3C:中文意思是W3C理事会或万维网联盟,1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners leelHTML4.0,W3C于1997年12月18日将其列为推荐版本,第二个稍作修正的HTML 4.0 版本与1998年12月24日发布。uHTML4.0中最重要特征是引入了样式表CSS技术。lHTML4.01:W3C于1999年12月24日将其列为推荐版本,是HTML4.0升级版本,它对原版本做出了部分修正。213 可扩展HTML规范XHTMLnHTML的缺陷lHTML的标记固定。HTML只是一种表现技术,不能表达语义。l由于HTML代码不规范、臃肿
9、,浏览器需要足够庞大和智能,才能够正确显示HTML。l不能适应现在越来越多的网络设备和应用的需要,比如手机、PDA(掌上电脑)、信息家电都不能直接显示HTML。l数据与表现混杂,页面要改变显示,就必须重新制作HTML。nW3C不再继续开发HTMLn可扩展HTMLlW3C制定,2000年1月20日发布XHTML1.0。lHTML向XML过渡的一个桥梁。l2002年8月5日,发布XHTML2.0的第一个工作草案。XHTML研发过程中,不确定因素很多。作为HTML向XML的一种过渡技术,唯一确定的就是它要更好地表达文档中的语义和结构,将文档内容和表现技术能更好地分离。更好地实现互联网中数据交换和展示
10、。214 可扩展标记语言XMLn可扩展标记语言XMLlXML(eXtensible Markup Language),1998年2月10日,XML工作组正式向W3C提交了XML的最终推荐标准,这就是XML1.0标准。l核心思想u实现数据和显示的分离。从而,XML规范定义了标记语言的主要特征。nXML的构成lDTD、XML架构等基本要素。u在XML中,成功地实现了数据和显示的分离。数据通过XML文档描述外,文档的结构可通过DTD文档描述。架构:一个系统草图。架构描述的对象是直接构成系统的抽象组件,各组件之间的连接则明确、相对细致地描述组件之间的通信。l元规范。XML是一种元标记语言,用来定义标记
11、语言的标记语言。n相应规范l可扩展样式语言XSLlXML路径语言XPathlXML查询语言Xqueryl可扩展连接语言XLL l简单应用程序接口SAX等215 DHTML和SHTML技术在Web中,除标记语言HTML、XML外,还有其它一些技术,它们有与HTML类似的名字。如DHTML、DSHTML等。但它们并不是W3C的标记语言规范。而只是一些与Web开发的技术或者说开发模式。nDHTML技术l与Web开发相关的技术或者说开发模式,不是规范。l涉及的内容uHTML4.0规范u客户端脚本语言CSSL(Clent-Side Scripting Language)u文档对象模型DOM(Docume
12、nt Object Model),它将网页中的内容抽象成对象,每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events),可以通过上面的客户端脚本语言编程控制。u层叠样式表单CSS技术。nSHTML技术lSHTML不是一种HTML规范,而是一种网站设计、开发与维护技术。l是一种Web服务器API,其指令可以在Web服务端运行,以产生动态的html,是一种类似于ASP的基于服务器的网页制作技术。22 超文本标记语言HTML超文本标记语言HTML是在SGML基础上发展起来的,是互联网中应用最广泛的标记语言。被称为Web的通用出版语言。互联网中,绝大多数的网页是用HT
13、ML书写的。所有的Web浏览器都支持HTML规范。即使是XML文档,也通常需要通过XSLT转化为HTML格式进行显示。本节主要内容:nHTML标记语法和文档结构n文件头标记及子标记n文件体标记及其属性n文档内容常用标记n表格(table)n表单(form)n层次块标记n对象和脚本程序标记n层叠样式表CSS技术n帧(frame)221 HTML标记语言和文档结构HTML文档是纯文本文件。由“显示内容”和“控制语句”两部分组成。控制语句描述了显示内容以何种形式在浏览器中显示,并负责客户与服务器之间的信息交换。控制语句以“标记(Tag)”形式出现,以区分于显示内容。1标记语法nHTML标记语法l标记
14、(Tag)u标记由封装在小于号()构成的一对尖括号之中。l标记的两种类型u单标记u双标记单标记:只需单独使用,就能完整地表达意思的一类标记。这类标记的语法是:u一般形式:常用的单标记有换行标记。水平线标记等。双标记:由首标记和尾标记两部分构成,必须成对使用。首标记用于开启某种形式的显示,尾标记用于关闭首标记开启的功能。这类标记的语法是:u一般形式:文档内容例如:text with underline首标记开启下划线功能,尾标记关闭下划线功能。该语句在浏览器中将把文本串“text with underline”加上下划线显示。再如:link text标记一个文本超链接。l标记属性许多单标记或双标
15、记的首标记内,可以包含一些属性。其语法是:u各属性之间无先后次序,属性之间用空格分开。属性也可省略(即取默认值),属性值两侧的双引号(”)可以省略。例如:单标记表示在文档当前位置画一条水平线,一般是从窗口当前行的最左端一直画到最右端。另外,标记还有size、aligh、width等属性。u例如:其中,size属性定义线的粗细,缺省为1。align属性定义表示对齐方式:可取left(左对齐,缺省值)、center(居中)和right(右对齐)。Width定义线的长度,可取相对值(整个窗口的百分比),也可以取绝对数值(屏幕像素点的个数,如width=”400”),缺省值是”100%”。2文档结构n
16、HTML文档结构HTML文档总是以标记开始,以标记结束。中间部分内容是HTML文档。HTML文档总体结构如下:头部信息文档主体(语句部分)其中:之间部分是文件头,由一系列子标记构成。如定义文档标题的标记等,若不需要头部信息可省略。之间部分是文件体。表示正文的开始,一般不能省略。综上可知:HTML文档是由文件头和文件体两部分组成的。222 文件头标记及子标记n文件头l标记对之间的部分称为文件头n子标记l标记l标记l标记l标记l背景音乐标记1标记n标记l用于标识网页主题,其中的内容将在浏览器的标题栏中显示,不出现在页面内。n举例l计算机基础网络教学平台GSL3.0计算机基础网络教学平台GSL3.0
17、2标记n标记l用来显示相关主页的信息,为单标记。n标记属性lhttp-equiv属性lname属性两个属性有不同的参数,以实现不同的网页功能。nhttp-equiv属性lhttp-equiv相当于HTTP的文件头,向浏览器传回有用信息,以帮助其正确显示网页内容。一般形式:l超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的Web文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。nhttp-equiv属性参数lcontent-type(显示字符集),设定页面使用的字符集。ulexp
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2019 标记 语言 网页 制作
链接地址:https://www.31doc.com/p-2383113.html