Ch03网页的基本组成元素——XHTML和CSS.pptVIP

ASP.NET动态网站开发教程 第3章 网页的基本组成元素——XHTML和CSS 无论是采用何种技术设计网页，网页的主体部分还是由HTML(超文本标记语言)标签和CSS(层叠样式表单)构成的。不了解这两项基础技术，开发动态网页就相当于建空中楼阁。 HTML现在已经“升级”成了XHTML，而CSS的功效之强也使它成为了网页美化和布局不可或缺的技术。现在都讲究标准建站，而标准建站使用的技术主要就是XHTML+CSS。 以万网为例 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / !-- Use IE7 mode -- meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 / title领先的互联网应用服务提供商-中国万网()/title meta name=keywords content=万网,中国万网,域名注册,虚拟主机,主机托管,企业邮箱 meta name=description content=领先的互联网应用服务提供商，为数百万用户提供虚拟主机、企业邮箱、域名注册、网站建设、网络营销等全方位信息化服务。 link href=/static/css/global.css rel=stylesheet type=text/css / link href=/static/css/grid_blue.css rel=stylesheet type=text/css media=screen / link href=/static/css/index.css rel=stylesheet type=text/css media=screen / link href=/static/css/showtab.css rel=stylesheet type=text/css / /head body onclick=checkdiv(event) !--Layout-- div class=style2008 div id=wrapper ......以下省略...... 3.1 XHTML语言的前世今生 3.1.1 什么是HTML? 简单点说：HTML是用来做网页的。复杂点说：HTML是Hyper Text Markup Language的缩写，即超文本链接标记语言。它是在互联网发布超文本文件(也就是通常所说的网页)的通用语言。 3.1.2 什么是XHTML? XHTML就是严谨而准确的HTML。如果说HTML是汉语，那么XHTML就是标准普通话。若刚刚开始学习网页设计，越过HTML而直接学习XHTML是最佳的选择。 复杂点说：XHTML是HTML的“升级规范”产品，其中X代表“可以扩展的”，是单词extensible的缩写。事实上它也属于HTML家族，只是具有更严格的书写标准、更好的跨平台能力。 3.2 XHTML文件的基本结构 3.2.1 XHTML标签简介 3.2.2 用XHTML编写一个网页 3.2.3 XHTML文档的结构 3.2.4 基本标签 1） 内容标题标签h1到h6 3.2.4 基本标签 2） 段落标签p 定义段落使用p和/p，在p和/p之间的内容会被识别为一个段落，它就类似通常所说的一个“自然段”。与标题类似，浏览器也会在段落前后留出比较大的间距。 例如：“p智能IP，融合网络/p”。 3） 换行标签br / 当想另起一行书写文字却又不希望另起一个自然段的时候，就可以应用br /标签了。br /标签是一个空标签。 例如：“智能IP，br /融合网络”，结果是“融合网络”显示在了第2行。 4） 水平分割线标签hr / 实现水平分割线的标签是hr /。它单独占一行，与br /标签一样，hr /也是一个空标签。它显示为： 3.2.4 基本标签 5） 注释!--　-- 网页中也可以有注释，以使网页中的代码层次清晰，含义明确。注释可以使设计者在调试网页源代码时更加高效便利。在!--和--之间的文本就是注释