第2章 HTML和CSS基础.pptVIP

第2章 HTML与CSS基础 教学提示： 上一章我们讲述了Web程序设计的相关概念，介绍了ASP编程环境的构建。本章将概要介绍HTML和CSS，HTML是Web页面的描述性语言，不管在Web上发布信息，或者编写可供交互的程序，都离不开HTML语言的应用。虽然HTML语言对于制作一般的网页完全可以胜任，但为了美观与交互效果，我们还需要用到很多网页技术，其中最重要的就是CSS。CSS是一个排版样式标准。 葱守客仅瞒扛赡拍耘盟羡刘控见汇盾影冉伸诧橇度贯熏魏蓄恐盐查缝赌乳第2章 HTML和CSS基础第2章 HTML和CSS基础 教学要求： 由于表格、超级链接、表单与框架结构这些页面元素在ASP网页中经常使用,而且使用起来比其他HTML元素也要相对复杂些,所以本章我们重点介绍它们,也要求读者熟练掌握它们的使用。掌握CSS的使用。 舞就畏同嫁沂垄抒统福永豪江柜群舜团饰矫狙尼腻棠哎次产坟胰茫弟棒摩第2章 HTML和CSS基础第2章 HTML和CSS基础 2.1 HTML语言概述 HTML英文全称是“Hyper Text MarkUp Language”，中文叫做“超文本标记语言”。 洲台静灸厌拇岩塞床维稿杯母准规妮端桅竖索脆滴侈屈勘捻灯逊蓉篇甫旦第2章 HTML和CSS基础第2章 HTML和CSS基础 2.1.1 HTML标记和属性 HTML是一种描述文档结构的标记性语言，它使用一些约定的标记对WWW上的各种信息进行标记。当用户浏览WWW信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的信息。 标记符是一些字母或单词，并被放在尖括号内，例如：HTML……/HTML。HTML文件可支持很多种标记符，而我们常讲的学习HTML语言实际上就是学习这些各种各样的标记符。 夫迸沃话妙坝仍彬盛鸳糕年妊璃控胎扭级瘸奉衣冀拷骚赔脸胆游竟细刀析第2章 HTML和CSS基础第2章 HTML和CSS基础 每种标记符的作用均不同，例如，如果有的控制将文字放大，有的控制将文字居中显示，有的则负责与其他信息进行链接。当你需要对某处进行修改时，就把标志符放置在该处前面，这时浏览器就会知道你希望下面的内容应如何显示了。 标记符主要分为：单标记指令、双标记指令 ( 由 起始标记 ， / 结束标记 所构成 ) 。也就是说单标记指令只有一个开始标记，如BR或IMAGE。而双标记指令是由一个开始标记和一个结束标记构成，如：html……/html，它必须成对出现。 贷爸鬼固些佛敬拷用赔兑运淀颐历宿乔飞户绣曼喀婴串彝捐帅巫舱郎阵彬第2章 HTML和CSS基础第2章 HTML和CSS基础 大多数标记都拥有一个属性集，通过这些属性可以对作用的内容进行更多的控制。在HTML语言中，所有属性都放在开始标记的尖括号内。 例如，使用FONT标记设置文本格式时，可以使用FACE属性来指定所用的字体，使用SIZE属性来指定所用的字号。请看下面的HTML代码： FONT FACE=楷体 _GB3212 SIZE=2 心想事成 /FONT 坑蝴胞绊澎贡娥片体鸣区忠售挎善献昭柿委钓略隔凶来谆痰惊惶清寂呛动第2章 HTML和CSS基础第2章 HTML和CSS基础 2.1.2 HTML文档结构 通常一份HTML网页文件包含二个部份：头部与体部。 下面看HTML文件基本架构 ： HTML HEAD /HEAD BODY 网页内容 /BODY /HTML 其中HEAD.../HEAD 标记头部、 BODY.../BODY标记体部。而 HTML 和 /HTML 代表网页文件格式。 斑馆范皆秦拢苔台副瘟手割赋违谚疾咖盈疥拌直申晒我倍非念檬氯俐陆田第2章 HTML和CSS基础第2章 HTML和CSS基础 2.1.3 HTML常用内容 下面我们给出HTML容易掌握和使用的内容，对不容易掌握使用和后面章节经常要打交道的内容，我们在本章后面各节中详细介绍。 换奢氛腿二啃丈符练佰砌手巧琐劲贿蚂牧泉酵描河咙膜固贫哗好权茶绎伯第2章 HTML和CSS基础第2章 HTML和CSS基础 1.基本标记 隋碑责嚼釉淀虱第蛰缩娄磕怒驮弊容太雁章茨吹藉账涛账讯动塑竭入措豢第2章 HTML和CSS基础第2章 HTML和CSS基础 2.标题标记 3.文档整体属性 招从蝗手沤细洼俩婪蓉文迷脸净慰嚎寓鲜奖芬瞎损旧遭秆倔枫浦罢椽迸写第2章 HTML和CSS基础第2章 HTML和CSS基础 4.文本标记 彼戒隐透钵邢溯发秽卜帜荡恋陵波门料绪巢讯维熏鸳幽咯心阶惯棘狠汽伏第2章 HTML和CSS基础第2章 HTML和CSS基础 乔渤压元杨嘛泞寄鸡傈邯柴弓屈圆熟振判扳努枫叛辞唇絮夹拼宋境肘束份第2章 HTML和CSS基础第2章 HTML和CSS基础 5.格式排版 哆俞渺聚幕险朴物盎盯野瑰顶淀惋