【培训课件】a spnet程序设计教程.pptVIP

ASP.NET程序设计教程第3章 HTML语言 上海交通大学出版社 内容 本章主要介绍了HTML显示原理、HTML制作工具以及常用的HTML标记等 。 3.1 HTML简介 3.1.1 HTML显示原理 3.1.2 HTML制作工具 3.1.3 HTML标记 通过用记事本制作第一个HTML文档来了解：用HTML制作网页的一般步骤、一个HTML文档的基本结构和HTML标记的写法。 用记事本制作网页的步骤 打开记事本。 在记事本中输入代码。 以.htm或.html为扩展名保存文件。 用浏览器打开上步保存的文件，即可看到页面显示效果。 HTML标记说明 标记往往成对出现，开始标记与结束标记之间的部分为标记的内容。 具有开始标记和结束标记的标记称为围堵标记，标记单独出现，只有开始标记的标记称为空标记。 有些开始标记里有形如name=value的代码，称为标记的属性。 一个HTML文档的基本结构 整个文档处于标记html与/html之间；文档分两部分，head到/head为头部，用于存放重要的信息，如标题和meta数据，内容不在浏览器窗口里显示，body到/body为主体部分，网页中的内容都要放在这一部分，大部分HTML标记使用在这一部分。 body标记常用属性 text：文本颜色。bgcolor：背景颜色。 link：链接颜色。 background：背景图片。 alink：活动链接颜色。 vlink：访问过的链接颜色。 leftmargin：水平边距。 topmargin：垂直边距。 bgproperties：背景图片是否随文本滚动。 书写HTML代码时注意事项 HTML标记及属性中字母不区分大小写。 标记名与左尖括号之间不能留有空白，如 html是错误的。 属性要写在开始标记的尖括号中，放在标记名之后，并且与标记名之间要有空白。多个属性之间也要有空白。属性值最好用单引号或双引号引起来，引号一定要是英文的引号，不能是中文的引号。 结束标记要书写正确，不能忘掉斜杠。 3.2 常用HTML标记 本节分类介绍常用的HTML标记及其常用属性，其它标记的详细情况请参考相关书籍。 1. 排版标记 2. 字体列表标记 3. 表格标记 4. 链接标记 5. 图像标记 6. 表单标记 7. 框架标记 8. 其它标记 3.2.1 排版标记 介绍常用排版标记及其属性。 排版标记(1) !-- 注释 -- p: 段落标记，换行并留空白行，属性align设定段落的对齐方式，可取属性值： center：居中对齐。 left：左对齐。 right：右对齐。 br:换行标记。 pre:按原始代码的排列方式显示内容。 排版标记(2) hr:水平线标记，空标记，常用属性有：align、width、size、color、noshade。 center:居中标记。 排版标记举例 html headtitle排版标记举例/title/head body !--读者可以试试每个标记的各个属性的用法-- p align=center这是一个居中对齐段落，有三行br第二行br第三行/p hr width=100 hr width=70% align=center pre 月落乌啼霜满天，江枫渔火对愁眠。 故苏城外寒山寺，夜半钟声到客船。 /pre centerhr width=70% /center /body /html 3.2.3 表格标记 表格现已成为对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。HTML中一个表格通常是由table、tr、td三个标记来定义的，这三个标记分别表示表格、表格行、单元格。在对表格进行设置时，可以设置整个表格(table)或表格中的行(tr)或单元格(td)的属性，它们优先顺序为：单元格(td)优先于行(tr)，行(tr)优先于表格(table)。 table 整个表格始于table而终于/table，是一个容器标记，tr、td等只能在它的范围内使用。常用的属性有： width：表格宽度。 align：表格水平对齐方式。 border：表格边框厚度。 cellpadding：边距。 cellspacing：间距。 bgcolor：表格背景颜色。 background：表格背景图像。 tr 定义表格行，是单元格（td或th）的容器。常用属性有： align：这一行单元格水平对齐方式。 bgcolor：这一行的背景颜色。 valign：用来设定这一行单元格中内容的垂直对齐方式，可取属性值有： top：顶端对齐。 middle：中间对齐。 bottom：底端对齐。 td、th 单元格