网页设计基础5课件.pptVIP

与表格有关的标签 table … … /table标示表格 th…/th是table head的缩写，标示表头 tr…/tr是table row的缩写，标示表格的一行 td…/td是table data的缩写，标示表格内的数据. sup标签 sup… …/sup用于标示上标 它是英文super-scripted text的缩写 sub标签 sub… …/sub用于标示下标 它是英文sub-scripted text的缩写 课后作业 1.解释一下标签的含义（用途） table…/table th…/th tr…/tr td…/td sub … … /sub sup … … /sup 2.在作业本上抄写从HTML4.01到XHTML1.0的三步骤。 上机 实验5-见课程网站 从HTML 4.01向XHTML迈进 第一步 设置文件类型 !DOCTYPE html PUBLIC “//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml-strict.dtd” 第二步 在html内添加相关属性 html xmlns=”/1999/xhtml” lang=”en” xml:lang=”en” 第三步 将所有标签闭合 html 4.01 br img src=”1.jpg” alt=”dog” xhtml br / img src=”1.jpg” alt=”dog” / !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=content-type content=text/html;charset=gb2312 title/titlestyle type=/style /head body pimg src=image/bodyshop_p1.jpg alt= /p phtml的发展经历了几个重要阶段：/p p img src=image/history.gif alt= /p ul li1995 html 3.0/li li1999 html 4.01/li /ul /body /html 标准的HTML4.01 标准的XHTML1.0 !DOCTYPE html PUBLIC “//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml-strict.dtd” html xmlns=”/1999/xhtml” lang=”en” xml:lang=”en” head meta http-equiv=content-type content=text/html;charset=gb2312 / title/titlestyle type=/style /head body pimg src=image/bodyshop_p1.jpg alt= //p phtml的发展经历了几个重要阶段：/p p img src=“image/history.gif” alt=“” / /p ul li1995 html 3.0/li li1999 html 4.01/li /ul /body /html 参考答案 XHTML 1.0 手册 将文件类型设置为 xhtml, 否则浏览器认为你的网页是其他标准 将 xmlns, lang, 和 xml:lang三个属性添加到html标签内 所有标签均小写 所有标签必须闭合 提示： 实验5作为”单元测试一”将计入期末总成绩，所有同学均要测试检查,请大家认真对待! questions ? 向XHTML迈进 HTML 4.01规范 在文件开始前必须指定文件类型 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 只有headbody才能直接包含在html里 head内必须包含metatitle和style body内只能直接包含“区块型”标签（h1,p,...) “区块型”标签不能包含在“单行型”标签（a,img, q...)内 列表标签（ul,ol)只能用于列表项（li） img标签必须包含alt属性 HTML 4.01规范 html head title欢迎来到美体小铺/title /head body bgcolor=“tan” text=“black” p 美体小铺 font face=“comic ms”thebodyshop/font 采用纯天然植物精致而成，绝不刺激皮肤，适合全家使用。 /p ul li茶