AS P.NET程序设计案例教程课件作者郭力子第2章节HTML语言基础知识.pptVIP

本章要点 HTHL语言的概念和基本语法 HTHL语言的常用标记 HTHL的表单和表格 2.1简单了解HTHL语言 HTML（超文本标记语言，Hyper Text Mark Language） HTML是一种文本类、解释执行的标记语言 用HTML语言编写的文件是标准的ASCII文本文件 HTHL语言特性 使用各种元素，如标题、文字、表格、列表、照片、插图等，发布在线文档。 通过超文本链接使用户能够方便地在各种信息之间切换。 通过使用指定的控件来控制网上的信息传输、远端服务等功能。 允许Web页具有插入多媒体对象的能力，如视频文件、音频文件等 提供框架功能，使Web的开发者可以清楚、有条理地组织Web页面。 2.2 HTML语言的语法结构 HTML文件由称为“Element”元素的标题、段落、列表、表格、文本内容、图像等嵌入的各种对象所组成。 一个HTML文件最基本的结构 2. 3 头部标记 2.4主体标记 主体标记是Body， Body 和/ Body 中放置的是页面中的所有内容，如文字、图片、链接、表格、表单等 Body 元素有很多自身的属性，如定义页面文字的颜色、背景的颜色、背景图像等 2.5文字与段落 字体标记 标题字和标题字的对齐属性Align 文字的修饰标记 段落及相关标记 字体标记 更改页面中的字体、字号和颜色，则通常使用Font标记 设置其中的Face、Size和Color属性即可 标题字和标题字的对齐属性Align 标题文字是以某几种固定的字号在页面上显示文字。 在HTML中，定义了六级标题，从一到六级，每级标题的字体大小依次递减。 标题字用Align(对齐)属性在页面中实现水平方向左、中、右的对齐 设定页面的标题字和标题字的对齐 文字的修饰标记 显示的文字内容编写在Body标记中，对于这些文字，可以加入多种文字的修饰标记 设定页面的文字使用修饰 段落及相关标记 在HTML语言中，有专门段落及相关标记。 段落主要由标记P定义。 而预格式化标记Pre保留文字在源代码中的格式，页面中显示的效果和源代码中的效果完全一致。 在HTML中直接键入的空格是无效的，需要空格时应使用空格标记“nbsp”。 2.6列表标记 有序列表：用数字或字母来标记项目的顺序 无序列表：使用符号(●、○、□等)来记录项目的顺序 建立有序和无序列表 2.7链接标记 链接标记 内部链接 外部链接 链接的目标窗口 链接标记 链接标记为A/A 每一个网页都有独一无二的地址，称做URL(Uniform Resource Locator：统一资源标示符)，采用Href属性来表达。 根据URL的不同地址，可将链接分为内部链接和外部链接两种方式。 内部链接 相对链接的使用方法为： 如果链接到同一目录下，则只需输入要链接文档的名称。 要链接到下一级目录中的文件，只需先输入目录名，然后加“／”，再输入文件名。 如链接到上一级目录中的文件，则先输入“.. ／”，再输入目录名、文件名。 实现内部链接 外部链接 外部链接，指的是跳转到当前网站外部， 确定的是和其他网站中的页面或其他元素之间的链接关系，一般情况下，这种链接需要书写绝对链接地址。 链接的目标窗口 单击链接后，默认的浏览器窗口是原有窗口，此外，我们也可以根据属性来指定超链接打开的目标窗口 _Parent：在上一级窗口中打开 _Blank：在新窗口中打开 _Self：在同一个帧或窗口中打开，这项一般不用设置 _Top：在浏览器的整个窗口中打开，忽略任何框架 2.8图像标记 HTML用来插入图像的标记是Img标记。常常需要配合使用其他的属性来完成 图像的插入 2.9表格标记 在HTML中，绝大多数页面都是使用表格进行排版的 表格通过四个标记来构成：表格标记、表头标记、行标记和单元格标记 建立表格 2.10 表单标记Form 表单Form Input输入标记 Select下拉列表框及供选项Option标记 文本域标记 表单Form HTML表单是HTML页面与浏览器端实现交互的重要手段。 利用表单可以收集客户端提交的有关信息。 表单区域是由一对Form…/Form标记定义的 Input输入标记 Select下拉列表框及供选项Option标记 下拉列表框是一种节省网页空间的方式，基本语法是： Select name=name size=Value Multiple option value=value Selected选项 option value=value选项 ...... /Select 文本域标记 文本域标记用TextArea表示。这个标记用来制作多行的文本域，可以在其中输入更多的文本。使用时应指定文本区的