ASP.NET 程序设计案例教程 教学课件 作者 郭力子第2章HTML语言基础知识.ppt

《ASP.NET 程序设计案例教程 教学课件 作者 郭力子第2章HTML语言基础知识.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章HTML语言基础知识ASP.NET程序设计案例教程2021/9/20第1页教学目标了解HTML基础知识与基本语法掌握常用HTML标记的使用2021/9/20第2页本章要点HTHL语言的概念和基本语法HTHL语言的常用标记HTHL的表单和表格2021/9/20第3页2.1简单了解HTHL语言HTML（超文本标记语言，HyperTextMarkLanguage）HTML是一种文本类、解释执行的标记语言用HTML语言编写的文件是标准的ASCII文本文件HTHL语言特性使用各种元素，如标题、文字、表格、列表、照片、插图等，发布在线文档。通过超文本链接使用户能够方便地在

2、各种信息之间切换。通过使用指定的控件来控制网上的信息传输、远端服务等功能。允许Web页具有插入多媒体对象的能力，如视频文件、音频文件等提供框架功能，使Web的开发者可以清楚、有条理地组织Web页面。2021/9/20第4页2.2HTML语言的语法结构HTML文件由称为“Element”元素的标题、段落、列表、表格、文本内容、图像等嵌入的各种对象所组成。2021/9/20第5页一个HTML文件最基本的结构2021/9/20第6页2.3头部标记2021/9/20第7页2.4主体标记主体标记是，和中放置的是页面中的所有内容，如文字、图

3、片、链接、表格、表单等元素有很多自身的属性，如定义页面文字的颜色、背景的颜色、背景图像等2021/9/20第8页2021/9/20第9页2.5文字与段落字体标记标题字和标题字的对齐属性Align文字的修饰标记段落及相关标记2021/9/20第10页字体标记更改页面中的字体、字号和颜色，则通常使用标记设置其中的Face、Size和Color属性即可2021/9/20第11页标题文字是以某几种固定的字号在页面上显示文字。在HTML中，定义了六级标题，从一到六级，每级标题的字体大小依次递减。标题字用Align(对齐)属性在页面中实现水平方向左、中、

4、右的对齐标题字和标题字的对齐属性Align2021/9/20第12页设定页面的标题字和标题字的对齐2021/9/20第13页显示的文字内容编写在标记中，对于这些文字，可以加入多种文字的修饰标记文字的修饰标记2021/9/20第14页设定页面的文字使用修饰2021/9/20第15页在HTML语言中，有专门段落及相关标记。段落主要由标记

定义。而预格式化标记

保留文字在源代码中的格式，页面中显示的效果和源代码中的效果完全一致。在HTML中直接键入的空格是无效的，需要空格时应使用空格标记“ ”。段落及相关标记2021/9/20第16页202
5、1/9/20第17页2.6列表标记有序列表：用数字或字母来标记项目的顺序无序列表：使用符号(●、○、□等)来记录项目的顺序2021/9/20第18页建立有序和无序列表2021/9/20第19页2.7链接标记链接标记内部链接外部链接链接的目标窗口2021/9/20第20页链接标记链接标记为每一个网页都有独一无二的地址，称做URL(UniformResourceLocator：统一资源标示符)，采用Href属性来表达。根据URL的不同地址，可将链接分为内部链接和外部链接两种方式。2021/9/20第21页相对链接的使用方法为：如果链接到同一目录下，则只需输
6、入要链接文档的名称。要链接到下一级目录中的文件，只需先输入目录名，然后加“／”，再输入文件名。如链接到上一级目录中的文件，则先输入“..／”，再输入目录名、文件名。内部链接2021/9/20第22页实现内部链接2021/9/20第23页外部链接，指的是跳转到当前网站外部，确定的是和其他网站中的页面或其他元素之间的链接关系，一般情况下，这种链接需要书写绝对链接地址。外部链接2021/9/20第24页单击链接后，默认的浏览器窗口是原有窗口，此外，我们也可以根据属性来指定超链接打开的目标窗口_Parent：在上一级窗口中打开_Blank：在新窗口中打开_Self：在同一个
7、帧或窗口中打开，这项一般不用设置_Top：在浏览器的整个窗口中打开，忽略任何框架链接的目标窗口2021/9/20第25页2.8图像标记HTML用来插入图像的标记是标记。常常需要配合使用其他的属性来完成2021/9/20第26页图像的插入2021/9/20第27页2.9表格标记在HTML中，绝大多数页面都是使用表格进行排版的表格通过四个标记来构成：表格标记、表头标记、行标记和单元格标记2021/9/20第28页建立表格2021/9/20第29页2.10表单标记Form表单FormInput输入标记Select下拉列表框及供选项Option标记文本域标记2