Html简介和超链接1.pptVIP

HTML简介和超链接 目标 互联网简介 用户从浏览器获得资源 标记语言 HTML 简介 HTML 语法示例1： 浏览器和编辑器 HTML 开发 HTML 标记的格式组成： HTML 文档的结构 段落标记 使用META标记 2-1name和http-equiv meta name=“description” content=“欢迎学习META元素 description中的content=网页描述，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。 使用META标记 2-2 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 作用:网页向浏览器提供额外的说明信息. Charset:指定该网页所使用的字符编码 在HTML文档中使用特殊字符 最常用的字符实体 空格nbsp;#160;小于号lt;#60;大于号gt;#62;和号amp;#38;引号quot;#34;撇号?apos; (IE不支持)#39;其他一些常用的字符实体 显示结果描述实体名称实体编号￠分cent;#162;￡镑pound;#163;￥日圆yen;#165;§节sect;#167;?版权copy;#169;?注册商标reg;#174;×乘号times;#215;÷除号divide;#247; 超链接简介 2-1 超链接简介 2-2 创建超链接 HREF 链接到其他文档 链接到同一文档的各个部分 链接到另一文档中某个特定位置 使用电子邮件 HREF其它的应用 a href=sound.wav播放语音文件/aa href=javascipt.open()执行对应的程序/aa herf=document.doc打开对应的文档/a 在网站上导航 线性布局 遵循线性结构 页面之间顺序链接 分层布局 主页具有到其他多个页面的链接 每个页面都有一个到主页的链接 总结 互联网是网络的网络。 HTML命令称为标记，用于控制HTML文档的内容和外观。 META元素提供关于网页的信息。 掌握使用HTML标记创建超链接。 了解网站的各种导航方式。 线性布局 分层布局 图像映射 超链接 子页面 目录 “后退”和“前进”按钮 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Version 3.0 * * 描述互联网 描述 HTML(Hypertext Markup Language) 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 META 标记 在 HTML 文档中使用特殊字符 互联网是世界上最大的计算机网络 互联网被称为网络的网络 WWW 包含分散在世界范围内的众多Web 服务器 （World Wide Web） INTERNET 输入地址 请求 HTTP传输 GML(1969) SGML(1986) XML(1998) HTML(1996) XHTML(2000) SVG SMIL HDML OEB … 通用标记语言