HTML5程序设计第4章.ppt

【例4-6】 !DOCTYPE HTML HTML HEAD title设置文本对齐体的例子/title STYLE type = text/css h1 {text-align:center} h2 {text-align:left} h3 {text-align:right} /STYLE /HEAD BODY H1 标题1/H1 H2标题2/H2 H3标题3/H3 /BODY /HTML 【例4-6】的运行结果 【例4-7】 演示设置文本修饰的例子 !DOCTYPE HTML HTML HEAD title设置网页背景字体的例子/title STYLE type = text/css h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink} /STYLE /HEAD BODY H1 标题1/H1 H2标题2/H2 H3标题3/H3 H4标题4/H4 /BODY /HTML 【例4-7】的运行结果 【例4-8】 演示设置文本缩进的例子 !DOCTYPE HTML HTML HEAD title设置文本缩进的例子/title STYLE type = text/css P { text-indent:50px;} /STYLE /HEAD BODY H1 HTML5/H P2004年，超文本应用技术工作组（Web Hypertext Application Technology Working Group，WHATWG）开始研发HTML5。2007年，万维网联盟（World Wide Web Consortium，W3C）接受了HTML5草案，并成立了专门的工作团队。并于2008年1月发布了第1个HTML5的正式草案。br 尽管HTML5到目前为止还只是草案，离真正的规范还有相当的一段路要走，但HTML5还是引起了业内的广泛兴趣， Google Chrome 、Firefox、Opera、Safari和Internet Explorer 9等主流浏览器都已经支持HTML5技术。 /P /BODY /HTML 【例4-8】的运行结果 【例4-9】的运行结果 【例4-10】 演示设置文本行间距的例子 !DOCTYPE HTML HTML HEAD title【例4-10】/title STYLE type = text/css p.small {line-height:90%} p.big {line-height:200%} /STYLE /HEAD BODY H1 HTML5/H1 P class=small 2004年，超文本应用技术工作组（Web Hypertext Application Technology Working Group，WHATWG）开始研发HTML5。2007年，万维网联盟（World Wide Web Consortium，W3C）接受了HTML5草案，并成立了专门的工作团队。并于2008年1月发布了第1个HTML5的正式草案。br/P P class=big 尽管HTML5到目前为止还只是草案，离真正的规范还有相当的一段路要走，但HTML5还是引起了业内的广泛兴趣， Google Chrome 、Firefox、Opera、Safari和Internet Explorer 9等主流浏览器都已经支持HTML5技术。 /P /BODY /HTML 【例4-10】的运行结果 【例4-11】 演示设置文本方向的例子 html head style type=text/css div.one { direction: rtl } div.two { direction: ltr } /style /head body div class=one ltr，默认值。文本方向从左到右。/div div class=two rtl，文本方向从右到左。/div /body /html 【例4-11】的运行结果 4.1.8 表格 在CSS中可以设置表格的样式。选择器通常使用table（设置整个表格的样式）、th（设置表头单元格的样式）和td（设置单元格的样式） CSS的其他表格属性 【例4-20】 html head style type=text/css table { font-family:Trebuchet MS,