1、1,HTML简介和超链接,2,目标,描述互联网描述 HTML(Hypertext Markup Language)编写简单的 HTML 文档在 HTML 文档中使用超链接使用 标记在 HTML 文档中使用特殊字符,3,互联网简介,互联网是世界上最大的计算机网络互联网被称为网络的网络WWW 包含分散在世界范围内的众多Web 服务器（World Wide Web）,4,用户从浏览器获得资源,输入地址,请求,HTTP传输,5,标记语言,6,HTML 简介,HTML 是一种标记语言使用 HTML 标记和元素，可以：控制页面和内容的外观发布联机文档使用 HTML 文档中插入的链接检索联机信息创建联机表单
2、，收集用户的信息、执行事务等等插入动画开发帮助文件,7,HTML 语法示例1：, 欢迎学习 HTML 我的第一个 HTML 文档 ,运行结果,8,浏览器和编辑器,Netscape 的 Navigator Microsoft 的 Internet Explorer,浏览HTML文件的工具编辑HTML文件的工具,Microsoft FrontPage Macromedia Dreamweaver记事本,9,HTML 开发,HTML 标记的格式组成：, . . . ,HTML 标记用于标记 HTML 文档的开始和结束,元素 - 标识标记,属性 - 描述标记,值 - 分配给属性的内容,10,HTML
3、文档的结构,HTML 部分文档头部分正文部分,欢迎进入 HTML 世界这会是一种很有趣的体验,基本结构：,11,段落标记,欢迎使用 HTML这会是一种很有趣的体验 另一个段落元素,12,换行标记,欢迎使用 HTML这会是一种很有趣的体验 另一个段落元素,13,使用对齐属性,学习HTML这会是一种很有趣的体验,右对齐,14,使用META标记 2-1name和http-equiv,提供关于网页的信息, ,对网页的描述,根据关键词生成响应,获得文档的作者名称,2.应用：关键词生成响应,Expires: Mon, 15 Sep 2003 14:25:27 GMT,设置网页的到期值:响应,页面显示中文,
4、设置网页使用gb2312:,15, description中的content=网页描述，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。,16,3.自动刷新页面,4.使用网页所使
5、用的编码,应用：如网上实时新闻报道。,应用：如在不同浏览器上正确显示中文。,使用META标记 2-2,17, 作用:网页向浏览器提供额外的说明信息.Charset:指定该网页所使用的字符编码,18,在HTML文档中使用特殊字符,Userid 用户名/口令。,200189 号,20189 号,风驰电掣" “号,xx=120 与符号,CopyRight 版权所有 版权符号,CSUINFO 注册商标,19,最常用的字符实体,空格,20,1、职 位：关于可申请的职位2、培训资源：本学院美术学位的培训资源请单击此处查看视频3、联 盟：我们有许多联盟,超链接简介 2-1,21,超链接简介 2-2,
6、- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,- - - - - - -,Web站点1,Web站点2,22,创建超链接,要创建超链接，必须指定两个部分,要链接的文件的完整地址或 URL,热点,热点可以是一行文字甚至一个图像,http:/C:internetindex.htmlservice/index.html,绝对URL,文件的完整地址,相对URL,23,HREF, Hypertext P
7、rotocol 是协议类型 http超文本传输协议 ftp文件传输协议 mailto发送电子邮件 Host.domain 是服务器的 Internet 地址Port 是目标服务器的端口号Hypertext 是用户必须单击才能激活链接的文本或图像,语法为:,24,链接到其他文档, 使用链接 本页的所有内容都讲述关于如何创建到文档的链接 单击此处查看文档2, 文档2 这是文档2。单击文档1中的超链接后将显示本页。 返回 ,25,链接到同一文档的各个部分, 使用链接 互联网 HTML简介 多样化和统一性 互联网 互联网是网络的网络。也就是说，计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上
8、所有的计算机都可以通过TCP/IP传输协议绑定在一起。 HTML简介 超文本标记语言是Web用来创建和识别文档的标准语言。虽然它不是标准通用标记语言 (SGML) 的子集，但与它有着某种程度上的关联。SGML是一种文档格式语言表示方法。 多样性和统一性 万事万物都离不开多样性和统一性这样一条基本准则。也就是说，所有的事物都可以融合成一个整体，同时，又保持自己独特的与众不同的一面。站点的独特性恰恰来源于它的一致性。颜色、字体、分栏布局以及其他设计元素应在站点的每个部分都保持一致。 ,单击,26,链接到另一文档中某个特定位置, 主文档 互联网 HTML简介 多样性和统一性 ,单击,27,使用电子邮
9、件,如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。我的电子邮件,28,HREF其它的应用,播放语音文件执行对应的程序打开对应的文档,29,在网站上导航,线性布局分层布局图像映射超链接子页面目录“后退”和“前进”按钮,30,线性布局,遵循线性结构页面之间顺序链接,31,分层布局,主页具有到其他多个页面的链接每个页面都有一个到主页的链接,32,总结,互联网是网络的网络。HTML命令称为标记，用于控制HTML文档的内容和外观。META元素提供关于网页的信息。掌握使用HTML标记创建超链接。了解网站的各种导航方式。,
