Web设计chapter-02程序.ppt

2.5.4 设置页面关键字－keywords 语法说明 Keywords用于说明定义的是关键字，value用于说明为该网页定义的关键字，可以是多个关键字。 2.5.4 设置页面关键字－keywords 实例代码 ! 实例3-1-5代码 html head title设置文件关键字/title meta name=”keywords” content=”计算机、英语、经管、财会、职场” … /head body … /body /html 此行代码表示在该HTML文件中，定义的关键字为“计算机、英语、经管、财会、职场”，当利用搜索引擎搜索图书时，输入任何一个关键字都可以搜索到该网页。 2.5.5 设置页面过期时间－expires 基本语法 meta http-equiv=”expires” content=”value” 语法说明 expires用于设计页面过期时间，content属性设置具体过期时间值。 2.5.5 设置页面过期时间－expires 实例代码html head title设置页面过期时间/title meta http-equiv=”expires” content =”FRI,1 JUN 2007 00 00 00 GMT” /head body /body /html Expires用于设置网页的过期时间，content给出了网页过期的具体时间值。 2.6 实例——单列页面 !doctype html html head titlehtml小实例/title /head body header hgrouph1primary title/h1h2secondary title/h2 /hgroup /header nav ul limenu one/li limenu two/li limenu three/lilimenu four/li ul /nav section article hgrouph3江雪/h3hgroup p千山鸟飞绝/p p万径人踪灭/p p孤舟蓑笠翁/p p独钓寒江雪/p /article article hgrouph3望庐山瀑布/h3hgroup p日照香炉生紫烟/p p遥看瀑布挂前川/p p飞流直下三千尺/p p疑是银河落九天/p /article section footer addressMy Address/address/footer /body /html 课堂作业 利用已经掌握的html标记写一个完整的网页。 Web程序设计——前端和后端开发 第 章 2 2.1 HTML文档的结构 !doctype html html headtitle网页的标题/title /head body网页的内容 /body /html 以html开头，以/html结尾。 包括头部（head）和主体（body）两大部分。 head…/head：网页的题头，说明文件命名与文件本身的相关信息。 title…title：网页标题，在浏览器的标题栏显示。 body…body：网页的正文。 2.2 HTML基本语法 2.2.1 标记语法1、什么是标记2、标记类型和语法*单标记*双标记 什么是标记 HTML用于描述功能的符号称为“标记”。比如html、head、body等，都是标记，html标记表示HTML文档的开始。标记在使用时必须用尖括号“”括起来，有些标记必须成对出现，以开头无斜杠的标记（如:html）开始，以有斜杠的标记（如:/html）结束。比如，table表示一个表格的开始，/table表示一个表格的结束。在HTML中，标记的大小写作用相同，如TABLE和table都是表示一个表格的开始。 单标记 之所以称为“单标记”，是因为它只需单独使用就能完整地表达意思，这类标记的语法是： 标记名称 /或标记名称 最常用的单标记是br /或br，它表示换行。 双标记 “双标记”由“始标记”和“尾标记”两部分构成，必须成对使用。 ? 始标记告诉Web浏览器从此处开始执行该标记所表示的功能。 ? 尾标记告诉Web浏览器在这里结束该功能。始标记前加一个正斜杠（/）即成为尾标记。 这类标记的语法是： 标记内容/标记 其中“内容”部分就是要被这对标记施加作用的部分。 2.2.1 HTML基本语法 !DOCTYPE html html lang=en head meta charset=utf-8 titleHTML5 Demo/title body hea