第二章+TML基础.ppt

第2章 HTML语言基础 第2章 HTML语言基础 2.1 HTML概述 2.2 文本的编辑 2.3 图像编辑 2.4 建立超链接 2.5 表格与框架 本章小结 2.1 HTML概述 2.1 HTML概述 超文本置标语言HTML（HyperText　Markup Language）是WWW“世界”的通用“语言”。 WWW“世界”诸服务器与浏览器之间通过它互相沟通。 WWW“世界”中的信息可以通过它来“表现”。没有HTML就没有WWW“世界” 。 HTML 不是程序设计语言，而是一种结构语言。 2.1 HTML概述 HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。 HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板) 其后缀名必须是 .html 或 .htm 只有通过浏览器才可以对HTML文档进行相应的解释。 2.1 HTML概述 　　1．围堵标记 　　格式：标记……/标记 　　2．单标记 　　格式：标记 　　只有起始标记，没有结束标记。最常用的单标记是br，它表示段内换行。 　　3．标记属性 　　格式：标记 属性1 属性2 属性3 …… 　　各属性间无前后顺序，属性也可以省略，当省略属性时取标记的默认值。 2.1 HTML概述 HTML文档的基本架构 2.1 HTML概述 实例 HTML head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title欢迎访问我的主页/title style type=text/css .STYLE11 {FONT-SIZE: 12px; color: #666666; } /style script type=text/JavaScript !-- function MM_jumpMenu(targ, selObj, restore){ //v3.0 eval(targ+.location=+selObj.options[selObj.selectedIndex].value+); if (restore) selObj.selectedIndex=0; } //-- /script /head body table border=0 cellspacing=0 cellpadding=0 width=100% height=100% id=table1 ...... /table ...... /body /HTML 2.5 表格与框架 2.5 表格与框架 2.5 表格与框架 2.5 表格与框架 2.5 表格与框架 2.5 表格与框架 　　除了border外，常用的表格属性参数有： 　　table cellspacing=?：定义单元格之间的距离，值为大于等于0的整数，单位是像素，0表示无间距。 　　table Cellpadding=?：定义单元格内的文字或其他元素到边框的距离，值为大于等于0的整数，单位是像素，0表示没有距离。 　　table height=?：定义表格的高度，其值有两种单位，一是像素，表示表格高度为固定大小，一是百分比表示表格占据整个网页高度的百分比。 　　table width=?：定义表格的宽度，与高度一样有像素和百分比两种表示方法。 　　table bordercolor=?：定义表格边框的颜色。 　　table bgcolor=?：定义表格的背景色。 2.5.2 表格属性 　　1．框架页的基本结构 　　htmlheadtitle…/title/head 　　noframes…/noframes 　　frameset 　　frame src=url 　　frame src=url 　　…… 　　/frameset/html 　　noframes…/noframes：标记普通的HTML文档，用于在不支持框架的浏览器中显示。 　　frameset：用于定义分割窗口，可以设置窗口的分割方式及是否显示框架边框等。 　　frame scr=url：用于设置每个区域显示的内容，每个 url 值指定一个事先己制作好的文件。 2.5.3 建立框架 　　2．建立框架 　　（1）建立纵向框架 　　建立纵向框架的基本语法为： 　　frameset cols=? 　　Cols：设置垂直分割窗口，用“,”分隔，它的值可以是像素值或者是百分比，代表对应的子窗体占屏幕窗口的大小。如要将屏幕分割成三个子窗口，其中两个都占整个窗口的30%，那么只要给开始的两个窗口赋值。语句为frameset cols = 30%, 30%, *，*代表框架剩余的部分分给最后一个子窗口，