html与bs结构.doc

HTML在ASP.NET网页中的应用HTML的学习，在ASP.NET学习中起到举足轻重的作用，由于浏览器能识别的语言只有HTML语言，因此在编写ASP.NET网页界面的过程中，大部分都是使用HTML语言，但ASP.NET的HTML文件中还另外加入了一些ASP控件标记，网站文件中也包含与HTML及ASP控件标记互相作用的程序代码，编写好的网站内容要部署到服务器上运行，服务器根据程序代码与HTML页面文件互相作用的结果生成可供浏览器解释的普通HTML代码，用户则通过浏览器来访问服务器上的内容。通常称这种模型为浏览器和服务器(B/S)架构。2.1.1? HTML标签 HTML的标签(或称标记)很多，需要从HTML的主要结构说起。想完成一个网页很简单，可以完全使用Windows自带的记事本程序来完成，不过这样写网页的效率是很低的，但在初学时可以这样做，目的是便于大家记住这些HTML标签。 HTML的主要结构可划分为3个部分。 HTML标签：代表整篇文档是一个网页文件。 HEAD标签：用于描述网页的头部信息。 BODY标签：用于描述要显示的内容信息。 示例代码如下： HTML? HEAD? TITLE第一个HTML页面/TITLE? /HEAD? BODY大家好，我们一起来学习ASP.NET?吧！！/BODY? /HTML? HTML标签大部分是成对出现的，必须有开头和结尾部分。但浏览器具有一定的容错性，即使没有配对，通常也不会报错。 在书写HTML页面时，标签是不区分大小写的，所以实际网页中大写和小写的标签都存在(但新规范提倡使用小写，所以在使用VS2008设计的网页中，都已经使用了小写)。 我们针对上面的示例说明一下。 HTML/HTML表示文件类型，分别放在开头和结尾部分，通过这一小段代码可以看出，HTML标签是成对出现的，但也有某种特殊的情况，由于浏览器的容错性很强，所以即使在编写的过程中不小心丢失了一个标签，在网页上都不会有错误提示。 HEAD/HEAD标签表示文档的头部。打开浏览器或其他窗体界面时，都会有一个标题栏，而标题栏中显示的信息，就是HEAD中的一个元素标签TITLE所展示出来的。 BODY/BODY标签是文档的主体部分，在浏览器中显示的所有内容都是包含在BODY标签中的，写在BODY中的大家好，我们一起来学习ASP.NET 吧！！这段文字也会相应地显示在浏览器中，运行结果如图2-1所示。 ? 图2-1? 第一个网页运行界面 除了这些主要的标签以外，HTML还有很多其他的标签。 (1)?最常用标签 A/A：超链接标签。 IMG /：图像标签。 DIV/DIV：层标签，用于布局。 (2)?与文字相关的标签 H1/H1、H2/H2、H3/H3、H4/H4、H5/H5、H6/H6：标题标签，从标题1至标题6。 P/P：段落标签。 BR /：换行标签。 B/B：字体加粗标签。 I/I：字体倾斜标签。 U/U：字体加下划线标签。 STRONG/STRONG：定义要强调显示的内容标签。 (3)?列表标签 UL/UL：无序列表标签。 OL/OL：有序列表标签。 LI/LI：列表内容。 (4)?表格标签 TABLE/TABLE：定义表格的标签。 TR/TR：定义表格行的标签。 TD/TD：定义表格列的标签。 (5)?表单类标签 FORM/FORM：定义表单的标签，其中可以包含很多表单元素。 INPUT /：定义一个表单的输入域。 SELECT/SELECT：定义可选择的HTML表单，下拉列表。 TEXTAREA/TEXTAREA：定义一个多行的文字输入域。 (6)?框架标签 FRAMESET/FRAMESET：定义框架集的标签。 FRAME/FRAME：定义框架的标签。 这些只是HTML中常用的一些标签，而网页除了由这些标签组成外，标签中还会有很多属性，下面的代码将定义一个表单，以及表单中的元素： HTML? HEAD? TITLE第一个HTML页面/TITLE? /HEAD? BODY? ? PB会员注册页面/B/P? FORM?name=myFORM?method=Post?action=? TABLE?width=413?height=269?border=1? TR? TD?width=123用户名：/TD? TD?width=280? INPUT?name=txtName?type=text? ? id=txtName?size=20? /TD? /TR? TR? TD密码：/TD? TD? INPUT?name=txtPwd1?type=Password? ? id=txtPwd1?size=20? /TD? /TR? TR? TD确认密码：/TD? TD? INPUT?name=txtPwd2?type=Pas