Html简介和超链接

Html简介和超链接第一章2目标•描述互联网•描述HTML•编写简单的HTML文档•在HTML文档中使用超链接•使用META标记•在HTML文档中使用特殊字符3互联网简介•互联网是世界上最大的计算机网络•互联网被称为网络的网络•万维网是互联网中的一个子网•服务器（WorldWideWeb）4互联网返回万维网WEB网络5用户从浏览器获得资源INTERNET输入地址请求HTTP传输6HTML简介•HTML是一种标记语言•使用HTML标记和元素，可以：–控制页面和内容的外观–发布联机文档–使用HTML文档中插入的链接检索联机信息–创建联机表单，收集用户的信息、执行事务等等–插入动画–开发帮助文件7HTML语法示例1：HTMLHEADTITLE欢迎学习HTML/TITLE/HEADBODYH3我的第一个HTML文档/H3/BODY/HTML运行结果8浏览器和编辑器Netscape的NavigatorMicrosoft的InternetExplorer•浏览HTML文件的工具•编辑HTML文件的工具MicrosoftFrontPageMacromediaDreamweaver记事本……9HTML开发•HTML标记的格式组成：HTML.../HTML•HTML标记用于标记HTML文档的开始和结束•元素-标识标记•属性-描述标记•值-分配给属性的内容ELEMENTATTRIBUTE=value10HTML文档的结构HTML部分文档头部分正文部分HTMLHEADTITLE欢迎进入HTML世界/TITLE/HEADBODYP这会是一种很有趣的体验/P/BODY/HTML基本结构：运行结果11段落标记HTMLHEADTITLE欢迎使用HTML/TITLE/HEADBODYBGCOLOR=lavenderP这会是一种很有趣的体验P另一个段落元素/BODY/HTML运行结果12换行标记HTMLHEADTITLE欢迎使用HTML/TITLE/HEADBODYBGCOLOR=lavenderP这会是一种很有趣的BR体验P另一个段落元素/BODY/HTML运行结果13使用对齐属性HTMLHEADTITLE学习HTML/TITLE/HEADBODYBGCOLOR=lavenderPalign=right这会是一种很有趣的体验/P/BODY/HTML运行结果右对齐Left：左对齐Center：居中Right：右对齐14使用META标记2-11.提供关于网页的信息•METAname=“Author”content=“GrahamBrowne”•METAname=“KEYWORDS”content=“...”•METAname=DESCRIPTIONcontent=...对网页的描述根据关键词生成响应获得文档的作者名称2.应用：关键词生成响应METAhttp-equiv=Expirescontent=Mon,15Sep200314:25:27GMTExpires:Mon,15Sep200314:25:27GMT设置网页的到期值:响应METAhttp-equiv=Content-Typecontent=text/html;charset=gb2312页面显示中文设置网页使用gb2312:153.自动刷新页面METAhttp-equiv=Refreshcontent=10;url==Content-Typecontent=text/html;charset=gb2312应用：如网上实时新闻报道。应用：如在不同浏览器上正确显示中文。使用META标记2-216在HTML文档中使用特殊字符……TDwidth=100%height=18FONTsize=-1Userid   用户名/口令。/FONT/TD…………200>189……号……20<189……号……"风驰电掣"……“号……x>y;&x=120……与符号……©CopyRight版权所有……©版权符号……®APTECH……®注册商标171、职位：关于可申请的职位……2、培训资源：本学院美术学位的培训资源请单击此处查看视频……3、联盟：我们有许多联盟……超链接简介2-118超链接简介2-2链接类型•内部链接到同一文档内或同一网站内的其他部分的链接•外部链接到其他网站或服务器上的页面的链接。----------------------------------------------------------------------Web站点1Web站点219创建超链接要创建超链接，必须指定两个部分要链接的文件的完整地址或URL热点热点可以是一行文字甚至一个图像绝对URL文件的完整地址相对URL20HREFAHREF=protocol://host.domain:port/path/filenameHypertext/A•Protocol是协议类型http–超文本传输协议gopher–搜索文件telnet–打开telnet会话ftp–文件传输协议mailto–发送电子邮件•Host.domain是服务器的Internet地址•Port是目标服务器的端口号•Hypertext是用户必须单击才能激活链接的文本或图像语法为:21链接到其他文档HTMLHEADTITLE使用链接/TITLE/HEADBODYBRBRP本页的所有内容都讲述关于如何创建到文档的链接AHREF=Doc2.html单击此处查看文档2/A/BODY/HTMLHTMLHEADTITLE文档2/TITLE/HEADBODYBRBRP这是文档2。单击文档1中的超链接后将显示本页。BRBRAHREF=Doc1.html返回/A/BODY/HTML22链接到同一文档的各个部分HTMLHEADTITLE使用链接/TITLE/HEADBODYAHREF=#Internet互联网/ABRBRAHREF=#HTMLHTML简介/ABRBRAHREF=#Consistency多样化和统一性/ABRBRAname=Internet互联网/ABRP互联网是网络的网络。也就是说，计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上所有的计算机都可以通过TCP/IP传输协议绑定在一起。/PAname=HTMLHTML简介/ABRP超文本标记语言是Web用来创建和识别文档的标准语言。虽然它不是标准通用标记语言(SGML)的子集，但与它有着某种程度上的关联。SGML是一种文档格式语言表示方法。/PAname=Consistency多样性和统一性/ABRP万事万物都离不开多样性和统一性这样一条基本准则。也就是说，所有的事物都可以融合成一个整体，同时，又保持自己独特的与众不同的一面。站点的独特性恰恰来源于它的一致性。颜色、字体、分栏布局以及其他设计元素应在站点的每个部分都保持一致。/PBRBRBRBRBRBR/BODY/HTML单击23链接到另一文档中某个特定位置HTMLHEADTITLE主文档/TITLE/HEADBODYAHREF=sg_1.12.html#Internet互联网/ABRBRAHREF=sg_1.12.html#HTMLHTML简介/ABRBRAHREF=sg_1.12.html#Consistency多样性和统一性/A/BODY/HTML单击24使用电子邮件如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。AHREF=mailto:[e-mail]我的电子邮件/A25在网站上导航•线性布局•分层布局•图像映射•超链接•子页面•目录•“后退”和“前进”按钮26线性布局--------------------------------------------------------------------------------------------------------•遵循线性结构•页面之间顺序链接27分层布局•主页具有到其他多个页面的链接•每个页面都有一个到主页的链接------------------------------------------------------------------------------------------------------------------------------------------------------------------28总结•互联网是网络的网络，万维网()是互联网的一个子集。•全世界所有的计算机都可以通过TCP/IP协议绑定在一起。•HTML命令称为标记，用于控制HTML文档的内容和外观。•META元素提供关于网页的信息。•掌握使用HTML标记创建超链接。•了解网站的各种导航方式。