html培训.pptVIP

WEB前台技术培训 第一章：HTML基本元素 第二章：表格(Table) 第三章: 表单(form) 第四章：框架 Frame 第一章：HTML基本元素 HTML（超文本标记语言）是一种描述文档结构的标注语言，它使用一些约定的标记对WWW上的各种信息进行标注。 HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。HTML文件看起来象是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。 第二章：表格(Table) Table的基本结构： TABLE CAPTION表格说明./CAPTION TRTH标题內容/TH TH....../TH/TR TR第二行TD显示內容/TD TD....../TD/TR 　TR第三行TD显示內容/TD TD....../TD/TR /TABLE Table标签练习 练习input标签的使用 练习TextArea 练习Select标签使用 练习Form(如图) name： 内嵌帧名称 width： 内嵌帧宽度(可用像素值或百分比) height： 内嵌帧高度(可用像素值或百分比) frameborder： 内嵌帧边框 marginwidth： 帧内文本的左右页边距 marginheight：帧内文本的上下页边距 scrolling： 是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示) src： 内嵌入文件的地址 style： 内嵌文档的样式(如设置文档背景等) allowtransparency：是否允许透明 Frame标签使用 textarea…/textarea 设置多行文本域（…表示预设文本）。 属性： name 多行文本域标识 rows 文本域行数 cols 文本域列数 wrap 可取off（不换行）、 soft（软回车换行）、 hard（硬回车换行） tabindex tab键次序 select…/select 设置选择域，选择项用 option…/option 表示。可设属性： name 选择域标识 size 列表项数 multiple 无参数，表示可以多重选择 option可设属性： value 表示选择项对应的值，将提交给CGI程序 selected 无取值，表示初始选择项 4.1 窗口框架简介 4.2 窗口框架控制 4.3 定义窗口名称 4.4 浮动窗口 第四章 窗口框架 4.1.1 什么是窗口框架 窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览不同网页的效果。 当将浏览的画面分割成多个窗口后，各窗口将可以扮演不同的功能。因为有时候，希望把网页做成：一个窗口显示的是目录，另一个窗口显示的是所选取的项目内容，这样，目录不变，项目之间的切换就会快多了。本章将解决这个问题，介绍几个新的标签，用它们书写的HTML文件不但可以在一个屏幕上开多个窗口，而且可以在每个窗口上显示不同的网页内容。这就是HTML中的窗口框架。 在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。 4.1.2 窗口框架的基本结构 图中的网页做成两个窗口：一个窗口显示的是目录，另一个窗口显示的是所选取的项目内容。 这就是所谓的窗口框架，窗口框架可以生成能独立变化和滚动的窗口，从而能将一个窗口分割为若干个子窗口，在每个子窗口中显示一个HTML文档。 例：测试窗口框架文档，效果如上图。 文件ex4-01.html的源代码 html head title窗口框架文档/title /head frameset cols=179,* frame name=windows1 src=ex4-01-1.html scrolling=auto