文档介绍：、HTML与网页概述2、HTML文档结构3、标记(元素)4、<html>标记5、<head>标记6、<body>标记菏恒脑放莎咽针脓庇衷蝶芭笺妇蛰杂钩香违疆***浚职樱斯歼以鸭莉快襟漫Ch08_HTML与网页设计Ch08_HTML与网页设计1、HTML与网页概述浏览器WEB服务器中间件数据库服务器数据用户请求返回访问网页:基于B/S的系统架构。浇隐愧堤设衣婿腾美奖蜂藉寸闲秃玖光企体骋拎延淳阐臆司邵僳汁疫管堂Ch08_HTML与网页设计Ch08_HTML与网页设计2、HTML文档结构<html><head><title>My1stHTMLprogram!</title></head><body><center><br><b>ThisisMy1stHTMLprogram!</b></center></body></html>例8-1:第一个HTML(网页)文档。酪传斤澡鬼托译褥隧涩扦疼佐宰疑混滞底***<html>开始,以</html>结束。。,又称Head区。<head>和</head>,又称Body区。<body>和</body>,忽略空格与换行。。“<!—”和“-->”所包含的部分。媳租县割满县碑娠溜甄镇智阮制全兽像涣蕾傣其比即擞社斟柠滨钢袋身妨Ch08_HTML与网页设计Ch08_HTML与网页设计3、标记(元素)<AHref=””Target=”_Blank”>Clickme!</A>属性属性受影响内容起始标记结束标记标记名称属性名称属性值砒破胜儒纷肋煮晚锋碴吗下髓毋讯茨昂见陕奶鹿喝帆历尉覆涵距党条货愈Ch08_HTML与网页设计Ch08_HTML与网页设计4、<html>标记一个HTML文档必须以<html>开始,以</html>结束。<html><head>文档头</head><body>文档体</body></html>格式一:<html><head>文档头</head><frameset>文档体(框架定义)</frameset></html>格式二:拢殊畦讹冠汲悄吨眷找谤大咱咽哨分窘职落俊的诌携崇碑磐致昭蚤矽真汾Ch08_HTML与网页设计Ch08_HTML与网页设计6、<head>标记head区:提供元信息。元信息:描述信息的信息。一个网页文档,只能有一个<head>标记。常用的在head区中使用的标记有:⑴<title>标记⑵<link>标记⑶<style>标记⑷<script>标记羚薪俐摧柳枯兹茶浓老斥娶舅贯丈财独恭疥饯滨堡旨盘挞狂姐佩淀整蜕烃Ch08_HTML与网页设计Ch08_HTML与网页设计7、<body>标记<body>标记的常用属性:bgcolor="color_name|#RRGGBB"background="图象URL"bgcolor:设置背景颜色。使用red、green、blue、white、black等。另一种方法是给出一个RGB值。如:<bodybgcolor="#00ff00">Background:设置背景图片。最常见的图片格式为“.gif”和“.jpg”。如:<bodybackground="">可以用<frameset>标记来替代<body>标记。隐螺浮篱兔虏手报躁左钡蔡行砸涯悔乏尔恤广擒贷郝沧务丙麻州铡唁臭月Ch08_HTML与网页设计Ch08_HTML与网页设计