020网页基本框架讲义.pptVIP

HTML 简介 * 超文本 提供链接到其他页面或同一页面的其他位置的文本 标记 可以用标签标记页面的不同部分以正确显示 语言 HTML 可用于： 控制页面和内容的外观 发布和检索联机文档 创建联机表单 插入诸如音频剪辑和视频剪辑等对象 HTML 文档示例 * HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY BGCOLOR = “LAVENDER” H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 代码 浏览器处理代码 并进行显示 编辑器 2-2 * 需要在编辑器中键入源代码 示例：DreamWeaver Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站、网页和强大的 Web 应用程序。 HTML 文档结构 * html head title学习 HTML/title /head body /h1 欢迎来到 HTML 世界/h1 /body /html HTML 网页 头部部分 主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 HTML 标签 2-2 * HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY BGCOLOR = lavender H1欢迎来到 HTML 世界/H1 /BODY /HTML BODY BGCOLOR = “green” 标签 标识 BODY 元素 属性 提供有关元素的附加信息 值 分配给属性的内容 * 元信息meta 用于定义页面中的信息，这些信息并不显示在浏览器中，meta标签能够提供文档的关键字、作者及描述等多种信息，在头部可以包含任意数量的meta标签，基本语法如下： meta name=“” http-equiv=“” content=“” http-equiv属性：生成一个HTTP标题域，实际取值由content属性决定 Name属性：使用该属性设置关键字，如author 、keywords等，而关键字的取值由content属性决定 Name和http-equiv一般不同时出现 页面头部元数据类型 属性 值 描述 name author description keywords generator revised others 把 content 属性关联到一个名称。 http-equiv content-type expires refresh set-cookie 把 content 属性关联到 HTTP 头部设置。 * META 标签 2-1 许多搜索引擎都使用 META 标签信息，可指定要搜索的作者姓名、页面内容的关键字、内容描述等，此时使用name属性，例如： META name = “author” content = 胡崧 META name = “keywords” content = 图书，计算机，网页编程 META name=“description” content=“青年出版社出版 SEO介绍：电子商务系 电子商务系主页/index1.asp SEO介绍3 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / meta name=keywords content=电子商务，e-commerce，EC,电子商务系，电子商务专业，网络经济，网络经济学专业， 35互联实习基地，厦门大学嘉庚学院，嘉庚，嘉庚学院 / meta name=description content=厦门大学嘉庚学院电子商务系官方网站,关于电子商务系的系情介绍，学生校园生活动态，学子风采，学术与实践活动，电子商务行业动态 / title厦门大学嘉庚学院电子商务系欢迎您！ 首页/title link href=skin/style.css rel=stylesheet type=text/css / style type=text/css #apDiv4 { position:absolute; left:-3px; top:123px; width:93px; height:98px; z-index:1; } /style /head 提示： 1、关键词以逗号隔开，不要超过2