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