首页 HTML基础教程(语法结构相当的清晰)

HTML基础教程(语法结构相当的清晰)

举报
开通vip

HTML基础教程(语法结构相当的清晰)nullHTML语法HTML语法§1 HTML基础§1 HTML基础HTML 建立与测试网页 标记符 Web页的结构 设置页面属性 添加注释 显示特殊字符 null一、HTML(HyperText Markup Language) ——超文本标记(标签)语言,是表示网页的一种规范 ——一组影响网页内容显示的标记符的集合 使用HTML语言描述的文件,能独立于各种操作系统平台(如UNIX,WINDOWS等),访问它只需要一个WWW浏览器,我们所看到的网页,是浏览器对HTML文件进行解释的结果。null二、测...

HTML基础教程(语法结构相当的清晰)
nullHTML语法HTML语法§1 HTML基础§1 HTML基础HTML 建立与测试网页 标记符 Web页的结构 设置页面属性 添加注释 显示特殊字符 null一、HTML(HyperText Markup Language) ——超文本标记(标签)语言,是表示网页的一种规范 ——一组影响网页内容显示的标记符的集合 使用HTML语言描述的文件,能独立于各种操作系统平台(如UNIX,WINDOWS等),访问它只需要一个WWW浏览器,我们所看到的网页,是浏览器对HTML文件进行解释的结果。null二、测试和创建Web页 1.网页编辑工具 纯文档编辑工具——记事本 所见即所得工具——FrontPage 、Dreamweave 2.网页创建步骤(使用“记事本”创建网页) 打开“程序/附件/记事本” 在“记事本”的窗口中输入HTML代码 选择“文件”菜单的“另存为”命令 在“文件名”框中输入网页的名称,文件名必须以.html或.htm为后缀名 单击保存 3.网页测试 IE 工具即现null三、标记符 1.标记符的定义: ——HTML语言通知浏览器如何显示网页内容的方式 2.标记符的形式: 所有标记符都用尖括号括起来 绝大多数标记符是成对出现的,即包括开始标记符和结束标记符,个别是单一标记符。例如:



开始标记符和结束标记符定义了标记符所影响的范围,它们的区别是结束标记符多了一个斜线/,例如: 好好学习 天天向上 不区分大小写,但为了可读性和维护性,使用大写

这是H1格式的字体


这是默认格式的字体 null3.标记符的属性 作用—— 位置—— 形式—— 红色一号的文字 学习和掌握HTML的关键: HTML标记符及其属性 对标记符作用的内容进行更详细的控制开始标记符的尖括号里,与标记符之间用空格隔开,属性值跟在相应的属性之后,用等号连接,不用属性之间用空格隔开小写null四、 Web页的结构 HTML 必须包含的基本结构标记符: HTML标记: 头标记: 标题标记: 正文标记: 三大结构: HTML标记 Web页的第一个和最后一个标记符 Web 页的其他所有内容都位于这对标记符之间 HTML标记符告诉浏览器或其他阅读该页的程序,此文件为一个Web页 不包含其它属性首部标记 位于 Web 页的开头,不包括 Web 页的任何实际内容,提供一些与 Web 页有关的特定信息 通常包含一下标记符: 标题标记符—— META标记符—— BGSOUND 标记符——正文标记符 包含 Web 页的具体内容,包括文字、图形、超链接及其他各种 HTML 对象。 正文标记符中的文字—— 如果没有其他标记符修饰,正文标记符中的文字将以无格式的形式显示 如果浏览器窗口显示不下,则自动换行 空格、回车这些格式控制在显示时都不起作用null标题标记符—— 用于定义网页的标题,并在浏览器窗口的标题栏中显示 网页标题可被浏览器用作书签和收藏清单 这是网页标题 请看浏览器的标题栏。 null例子: 网页标题 正文,正文,正文,正文, 正文,正文,正文,正文, 正文 nullMETA标记符—— 用于描述不包含在 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 HTML里的一些文档信息,例如开发工具,作者,网页关键字,网页描述等。这些定义的内容并不在网页页面中显示,但是一些搜索引擎可以检索这些信息,浏览者可以根据这些关键字或描述查找到该网页。 常用功能是设置自动转址功能——使浏览器自动从一个地址跳转到另一个地址 位置 META 标记符的常用属性包括:name、 content和 http-equiv name 属性给出特性名 content 属性给出特性值 http-equiv 属性指定 HTTP 响应名称,通常用于替换 name 属性,HTTP 服务器使用该属性值为 HTTP 响应消息头收集信息null例1 设置客户端行内程序的语言是 JavaScript 例2 设置行内样式的样式语言为 CSS 例3 META示例 再过10秒钟,我就上学校的网站了! null 我的第一个网页 例4五、设置页面属性五、设置页面属性正文标记符包括一些常用属性,可以用于设置网页背景颜色和图案,以及设置文档中文字和超链接的颜色 设置页面背景颜色—— bgcolor 设置页面背景图像—— background 使用背景图案时,如果图案小于浏览器窗口的大小,则浏览器会自动象铺地板砖一样平铺背景图案。 可以同时设置背景图案和背景色,以便在不能显示图像的浏览器上显示背景色null页面基本属性——定义在中 background=" " 背景图片文件名 bgcolor= " "背景颜色 text =" "文本默认颜色 link =" "未被访问链接源文字的颜色 alink =" "被激活链接源文字的颜色 vlink =" "访问过链接源文字的颜色 topmargin =" " 信息内容的顶边距离 leftmargin =“ ”信息内容的左边距离 背景音乐标记符—— 用于指定网页的背景音乐 属性 src,用于指定背景音乐的源文件。 loop,用于指定背景音乐重复的次数,如果不指定该属性,则背景音乐无限循环 例子 表 1-1 16 种标准颜色 表 1-1 16 种标准颜色 null浏览器将采用默认的设置 bgcolor——白色或灰色 text —— 黑色 Link —— 蓝色 vlink —— 紫色 alink —— 红色 例子: null 背景图案示例 背景图案示例 六、添加注释六、添加注释注释的作用 HTML 注释的格式 由开始标记符 构成 标记符之间的任何内容都将被浏览器解释为注释,而不在浏览器中显示 例子: 网页标题 正文,正文,正文 注释可插入在 Web 页的任何位置七、显示特殊字符 七、显示特殊字符 特殊字符——参考字符(附录 2 ) 参考字符以“ & ”号开始,以“ ; ”结束 参考字符既可用数字代码表示,也可用代码名称表示 与HTML标记符同,字符代码名称区分大小写 例子: <Tom & Jerry> is a popular VCD program. is a popular VCD program  小结  小结 WWW由无数的Web服务器构成,通过浏览器访问这些服务器上的网页,不同的网页通过超链接联系在一起,构成了WWW的网状结构。 HTML是表示网页的一种规范,它通过标记符定义了网页内容的显示。 最基本的HTML标记符包括: HTML标记符和 首部标记和 正文标记和。 BODY标记符包括一些常用属性,用于控制网页的基本显示效果。 发布网页的基本过程为:制作本地站点、申请网页空间、上传网页。 §2 文本控制§2 文本控制字体控制标记符 物理字符样式 滚动文字效果 文本分段 文本对齐 列 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 式 一、字体控制标记符——< FONT> < /FONT>一、字体控制标记符——< FONT> < /FONT>size 属性——控制字符的大小size=" " 字号从1~7,字号越大,默认值为3 color属性——控制字符的颜色color=" " 使用颜色名称或十六进制值指定颜色 face 属性——指定字体样式face =" " 常用的英文字体有“Times New Roman”、“Arial”等 常用的中文字体有“宋体”、“楷体”等 例子: 例子一 例子二 例子三 例子四null二、物理字符样式 指标记符本身就说明了所修饰文字的效果的字符样式 使用方法:将设置格式的字符括在标记符之间 由于带有超链接的文本下通常包含下划线,因此下划线格式易让人产生误解,建议使用时慎重 常见的物理字符样式null 物理字符样式效果示例

此处为粗体显示文本

此处为大字体文本

此处为小字体文本

此处为斜体文本

此处为等宽字体文本

此处为下划线文本

此处为使用<S>标记设置的删除线文本

此处为使用<STRIKE>标记设置的删除线文本

此处为上标示例:x2 + y2 = R2

此处为下标示例:H2SO4 null三、滚动文字效果—— 作用:标记符之间的内容以滚动的方式显示 属性: width 和height——滚动字幕滚动区域的宽度和高度 align——滚动字幕与周围对象对齐的方式 behavior——滚动字幕移动的方式 bgcolor ——滚动字幕区域的背景色 direction ——文本滚动的方向 hspace和vspace ——滚动字幕四周水平和垂直方向上的间隙 loop ——滚动重复的次数 scrollamout ——文本滚动的步进象素间距 scrolldelay ——两次文本重画之间的毫秒延时数null 滚动字幕示例

哈哈哈,我在滚动!
图像也可以滚动哦!

我滚动的很快!

null四、文本分段 1.段落标记符——< P> < /P > 将文档划分为段落 可以省略< /P > 2.换行标记符——
在文档中强制断行 区别:

不能产生多个空行,而
则可在内容之间设置多个空行,即形成空白

是断段,而
是断行 null <P>与<BR>的用法

第一段

第二段,用<BR>标记符控制断行
仍然为第二段,但此行已经断开

第三段

第四段,多个<P> 标记符并没有起到产生多个空行的效果

但多个<BR>标记符可以产生多个空行效果



此为最后一段 null3.水平线标记符——


在网页内容中添加水平线,分隔文档内容 属性: size:水平线的粗细程度,用整数表示,默认值为2
width:水平线的长度,用像素长度或宽度的百分比表示

noshade:去除水平线的3D样式 color:水平线的颜色 align:水平线的对齐方式 例子:
null 水平线效果 以下是默认水平线:
以下是粗为 5 像素的水平线:
以下是长度为100像素的水平线:
以下是长度为屏幕宽度 50% 的水平线:
以下是粗为 5 像素的实心水平线:
以下是红色的水平线:
null4.标题标记符—— 标识文档中的标题和副标题 浏览器在解释标题标记符时,会自动改变文字的大小,并且将字体改为黑体,同时将内容设为一个段落 n是1至6的数字,

表示最大的标题,

表示最小的标题 例子: 标题效果

此为一级标题

此为二级标题

此为三级标题

此为四级标题

此为五级标题
此为六级标题

此为正常文本

null五、文本对齐 1.align属性 设置段落的对齐格式 取值:right(右)、left(左)、center(居中)justify(两端) 应用范围: 多种标记符,最典型的是应用于 P、Hn、HR 、 DIV 不同的标记符,其align属性的默认值并不相同 标记符P、Hn 的align属性默认值为left 标记符HR的align属性默认值为center 2.DIV标记符——
为文档分节,以便为文档的不同部分应用不同的段落格式 必须与 align等属性联合使用 位于 DIV 标记符中的多段文本将被认为是一个节,可为它们设置一致的对齐格式。 3.CENTER标记符 ——
包括起来的内容定义为居中对齐null 使用 align 属性

本行为默认对齐的段落,相当于 align="left"

本行为居中对齐的段落

本行为右对齐的段落

本行为居中对齐的一级标题

以下为左对齐的水平线:
null 使用 DIV 标记符

浣溪沙

晏殊


一曲新词酒一杯,

去年天气旧池台,

夕阳西下几时回?

无可奈何花落去,

似曾相识燕归来,

小园香径独徘徊。

null六、列表格式 1.有序列表(Ordered list) 定义:一种在表的各项前显示有数字或字母的缩排列表
  1. 列表项 1
  2. 列表项 2
  3. 列表项 3
OL标记符的属性: type——设置数字序列样式 start ——设置数字序列的起始值, 值可以是任意整数 当位于 OL 标记符内时,LI 标记符的属性: type ——设置数字样式,取值与 OL 的 type 属性相同 value ——设置一个新的数字序列起始值,以获得非连续性的数字序列null 有序列表示例 用大写罗马字母表示的有序列表:
  1. 列表项1
  2. 列表项2
  3. 列表项3
起始数字为 3 的有序列表:
  1. 列表项1
  2. 列表项2
  3. 列表项3
编号不连续的有序列表
  1. 列表项1
  2. 列表项2
  3. 列表项3
变换了数字样式的有序列表
  1. 列表项1
  2. 列表项2
  3. 列表项3
null有序列表的嵌套 使用有序列表嵌套可以获得不同层次的编号列表。嵌套时,只需将内层列表作为外层列表的一个列表项即可。列表的嵌套层数没有限制。 嵌套的有序列表

嵌套的有序列表

  1. 列表项 1
    1. 子列表项 1
    2. 子列表项 2
    3. 子列表项 3
  2. 列表项 2
  3. 列表项 3
null2.无序列表(Unordered list) 定义:一种在表的各项前显示有特殊项目符号的缩排列表。 无序列表标记符
    UL 标记符的 type 属性——控制列表项前特殊符号的显示 列表项标记符
  • LI 标记符的 type 属性的值如下表所示:在Internet Explorer 中,type 的值是区分大小写的 null 无序列表示例 默认无序列表:
    • 列表项1
    • 列表项2
    • 列表项3
    使用方块作为列表项标记的无序列表:
    • 列表项1
    • 列表项2
    • 列表项3
    null3. 混合嵌套列表 有序列表和无序列表也可互相嵌套,如以下 HTML 代码所示:
    1. 列表项1
    2. 列表项2
      • 子列表项1
      • 子列表项2
    3. 列表项3
    小结小结HTML中用于进行文本分段的标记符包括:段落标记符P、换行标记符BR、水平线标记符HR、标题标记符Hn等 在标记符中使用align属性,可控制内容的对齐方式 FONT标记符是最常用的控制字体格式的标记符,它可控制文字的字号、颜色以及字体 物理字符样式和逻辑字符样式可控制文字的不同显示效果,例如设置粗体、斜体等 MARQUEE标记符可以用于创建滚动文字效果 OL和LI标记符结合,可以创建有序列表 UL和LI标记符结合,可以创建无序列表§ 3 图像与超链接§ 3 图像与超链接Web页图像基础 图像标记符 统一资源定位器(URL) 超链接标记符 锚点链接 图像映射null一、Web页图像基础 1 .位图与矢量图 位图,用点描述图像 矢量图,用线条等数学信息描述图像 null2. Web页图像格式 GIF格式 Graphics Interchange Format(图形交换格式) 适用于颜色较少(小于256色)的图像压缩,并允许透明,也可以是动画 JPEG格式 Joint Photographic Experts Group(联合静态图形专家组) 可控制图像的压缩比率,适用于颜色较为丰富的图像,不支持透明和动画 PNG格式 Portable Network Graphics(可移植网络图形) 适用于矢量图像,并允许半透明null3 .使用网页图像的要点 确保文件较小 使图像具有所需的像素大小 采用正确的格式进行优化处理 控制图像的数量和质量 合理使用动画 图像的处理工具 Photoshop Fireworks Flash CorelDrawnull二、图像标记符—— 在网页中插入图像或动画元素 具体属性: null插入图片 插入图像示例

    我插入的第一幅图像:

    “人工湖" null插入视频 插入视频示例

    插入动态视频

    骑单车

    图像与周围内容垂直对齐 align——top、middle、bottom图像与周围内容垂直对齐 align——top、middle、bottom 文本与图像的垂直对齐示例

    此图像与文本顶部对齐

    此图像与文本 中央对齐

    此图像与文本 底部对齐

    图文混排时的图像对齐 align——left、 right图文混排时的图像对齐 align——left、 right实现图文混排: left 表示图像居左,文本在图像右侧; right 表示图像居右,文本在图像左侧。 解除在图像的左、右环绕文本:
    在插入标记
    的下一行文本将转入正常显示。null三、统一资源定位器 1.URL(Universal Resource Locator,统一资源定位器) ——表示Web上资源的一种方法,通常可以理解为资源的地址 组成 协议 离婚协议模板下载合伙人协议 下载渠道分销协议免费下载敬业协议下载授课协议下载 代码 装有所需文件的计算机地址 具体的文件路径和文件名。 例如:http://www.linuxlover.net/forum/index.htm 协议 协议表明应使用何种方法获得所需的信息 超文本传输协议:HTTP(HyperText TransferProtocol)。 使用形式:http://webhostname.somedomain/path/filename.htm 文件传输协议:FTP(FileTransferProtocol)。 使用形式:ftp://ftphostname.somedomain/path/filename.htm 电子邮件协议:mailto。 使用形式:mailto:username@somedomain 新闻组协议:news(Usenet)。 使用形式:news://newshostname.somedomainnull2.绝对URL Internet上资源的完整地址,包括完整的协议种类、计算机域名和包含路径的文档名 其形式为: 协议://计算机域名/文档名 例如: http://www.nonexist.com/public/HTML/example.htm http表示用来访问文档的协议的名称 www.nonexist.com表示文档所在计算机的域名 public/HTML/example.htm 表示文档名 如果在网页中需要指定外部Intemet资源,应使用绝对URL 说明 省略了最后部分文件名的URL通常也认为是绝对URL, 因为它能够完全定位资源的位置 例如,http://www.sina.com.cn就是一个绝对URLnull3.相对URL Internet上资源相对于当前页面的地址,它包含从当前页面指向目的页面位置的路径 例如:public/example.htm 使用相对URL的好处在于 当用户需要移植站点时,只要保持站点中各资源的相对位置不变,就可以确保移植后各页面之间的超链接仍能正常工作。 用户在编写网页时,通常使用的都是相对URL(除非需要引用外部网页) 如果在网页中需要指定内部资源,应使用相对URL 相对URL本身并不能唯一地定位资源,但浏览器会根据当前页面的绝对URL正确地理解相对URL。null说明 在URL中,总是使用正斜杠(/)作为路径分隔符,而不是使用Windows或DOS中的反斜杠(\)。 在客户端,点击不同类型的链接时,会自动启动相应的客户端软件来访问相应的资源。 句点(.) ——当前目录 双重句点(..)——上一级目录(父目录) 例如 ./image.gif表示当前目录中的image.gif文件,相当于image.gif; ../public/index.htm表示与当前目录同级的public目录下的index.htm文件,也就是当前目录上一级目录下的public目录中的index.htm文件null四、超链接标记符—— 格式: 链接点 href属性:用于指定超链接的目标 链接目标:要访问的目标页面或其他资源,使用URL来表示 链接点:在和</A>之间任何可单击的网页元素,如文字或图像

    我的大学

    ?下载功能? ?电子邮件链接功能?target属性null?下载功能? 如果href属性指定的文件格式是浏览器能直接显示或播放,那么单击超链接时就会直接显示相应的文件 如果如果href属性指定的文件格式是浏览器不能直接显示或播放,那么单击超链接就可以获得下载功能 ?电子邮件链接功能? 链接点 请按时交作业!单击电子邮件链接后会启动邮件程序null五、锚点链接 对同一网页的不同部分或不同网页的不同部分进行链接 锚点链接必须先定义锚点,然后才能定义链接。 锚点的定义: [此处内容可省略] 定义链接 链接点 定义指向不同页面内锚点的链接,形式如下 链接点相对URL 绝对URLnull锚点链接null六、图像映射 在一幅图中定义若干个区域,每个区域中指定一个不同的超链接,当单击不同区域时便可以跳转到相应的目标页面。 应用: 电子地图、页面导航图、页面导航条热点 hotspot电子地图页面页面导航图实例null步骤: 找出要定义区域的坐标 例如,在图 3-31 中就要定义两个矩形区域,它们的坐标分别是“30,152,366,218”和“171,256,228,288” 定义出映射区域—— 编写 HTML 文件,在其中定义出映射区域 使用映射区域 在 IMG 标记符中引用映射区域 rect、circle、poly、default标识图像映射中的区域边界null图像映射效果 图像映射示例

    请单击以下图像中的不同区域,以便跳转到不同的文件

    实训作业实训作业1.制作一个图文并貌的网页( ??301 ) 至少3张图片、一个视频文件 文字不少于三段,字数不少于100字 至少用到


    等标记符及align属性 图片应分别满足以下排版要求: 实现文本与图像的环绕 文本居于图片左侧 文字与图片在垂直方向上居中对齐 2.制作一个具有锚点链接的网页( ??302 ) 内容具有文字与图片 锚点不少于四个 既有页内锚点链接,又有页外锚点链接 3.制作一个具有超链接功能的网页( ??303 ) 具有绝对链接 、相对链接、文件下载功能、电子邮件发送功能 要求利用bgcolor、text、Link、vlink、alink等属性修改网页默认的文字、超链接信息的颜色 4.制作一个简单的图像映射网页( ??304 )§4 Photoshop & Flash§4 Photoshop & FlashPhotoshop Firework GIF动画 Flash动画 § 5 表格§ 5 表格表格的定义 表格的作用 表格的构建步骤 表格标记符 网页布局null一、表格的定义: 将按特定的行、列规则对内容进行排列 表格标题 表格的行 行列标题数据 普通数据 表格二、表格的作用:二、表格的作用:HTML 表格模型使用户可以将各种数据(包括文本、预格式化文本、图像、链接、表单、表单域以及其他表格等)排成行和列,从而获得特定的表格效果 用于设计网页的布局 三、表格的构造步骤:三、表格的构造步骤:使用TABLE标记符包括所有表格内容 使用CAPTION标记符定义表格的标题 从第一行开始,使用TR标记符分隔每一行 表格有多少行,就应该有多少个TR标记符 表格的行数应该是垂直方向上单元格的最大数 在每一行(即TR标记符后)内,依次用TH或TD标记符标记每个单元格的内容 按照步骤2的做法,顺次一行一行处理,直到表格结束 如果遇到空单元格,只需使用空的TH或TD标记符即可null表格示例

    课程表

    星期一星期二星期三星期四星期五
    第1大节数学 英语 关于好奇心的名言警句英语高中英语词汇下载高中英语词汇 下载英语衡水体下载小学英语关于形容词和副词的题 数学英语哲学
    第2大节物理计算机计算机计算机
    第3大节计算机英语计算机
    二、表格标签符:二、表格标签符:
    标签符 Width属性——表格宽度 可以为像素点值或百分比 Border属性——边线宽度 具体数值,0表示不显示边线 Frame属性——控制表格边框表示表格最外层的四条框线,该属性的取值可以是: Void——无边框。void是默认值,即默认时不显示边框 Above——仅有顶框 Below——仅有底框 Hsides——仅有顶框和底框(水平方向) vsides ——仅有左、右侧框(垂直方向) lhs ——仅有左侧框 rhs ——仅有右侧框 box ——包含全部四个边框 border ——包含全部四个边框 其它值——2、3、4nullrules属性——控制是否显示以及如何显示单元格之间的分隔线,取值可以是: none ——无分隔线。none是默认值,即默认时不显示单元格间的分隔线 rows ——仅有行分隔线 cols ——仅有列分隔线 all ——包括所有分隔线 Align属性——控制表格与页面其它内容的对齐方式,取值可以是: Left 、center、right Bgcolor属性——设置表格的背景颜色 background属性——设置表格的背景图案 Cellspacing属性——单元格之间的距离 cellpadding属性——分割线与数据之间的距离null 表格的边框和分隔线示例

    我的日程表

    星期一星期二星期三星期四星期五
    MUDNBA2001联众军棋联众军棋笑傲江湖
    DiabloII DiabloII联众军棋升级MUD
    MUD睡觉学习打篮球打篮球
    nullcellspacing属性 单元格之间的空白cellpadding属性 表格分隔线和数据之间的距离null 表格单元格空白示例 表格1
    大话西游大内密探008少林足球
    鹿鼎记喜剧之王九品芝麻官
    逃学威龙食神百变金刚

    表格2


    大话西游大内密探008少林足球
    鹿鼎记喜剧之王九品芝麻官
    逃学威龙食神百变金刚
    null标签符 定义表格的标题 align属性——表格标题在网页中的对齐方式 取值为:left 、center 、right 成绩单 标签符 定义表格的一行 align属性——行中数据的水平对齐方式 取值为:left 、center 、right valign属性——行中数据的垂直对齐方式 取值为:top 、middle 、bottom Bgcolor属性——整行单元格的背景颜色null 表格数据的水平对齐

    表格数据的水平对齐

    本行数据右对齐
    本行数据为默认左对齐
    本行数据居中对齐
    null 表格数据的垂直对齐

    表格数据的垂直对齐

    野蛮人barbarian
    女巫sorceress
    巫师necromancer
    null标签符 定义行中的具体单元格 align属性——单元格内数据的水平对齐方式 取值为:left 、center 、right valign属性——单元格内数据的垂直对齐方式 取值为:top 、middle 、bottom bgcolor属性——单元格的背景颜色 width属性、height属性——单元格宽度、高度 具体数据值或百分比 rowspan属性——单元格所占的行数 表示该单元格高度为三行 colspan属性——单元格所占的列数null  合并单元格示例            

    学生情况表

    学号 个人信息 入学信息
    姓名性别年龄班级入学年月
    007东方不败不详198888882001年9月
    008任我行208888882001年9月
    实训作业在网页中显示班级的功课表( ??401 ) 在网页中插入如下形式的表格( ??402 ) 实训作业null五、使用表格设计网页布局 善于运用嵌套表格 善于运用背景色设置细线 nullnull图 4-12 表格布局综合实例 1null图 4-13 表格布局综合实例 2 null图 4-14 表格布局综合实例 3 null图 4-15 表格布局综合实例 4 null图 4-16 表格布局综合实例 5 § 6 框架§ 6 框架框架的概念 框架的作用 框架标签符 框架中的超链接 页内(浮动)框架null框架结构的网页 null框架结构的联机帮助系统 null一、定义: 能在同一个浏览器窗口中显示多个网页的页面布局控制容器 二、作用: 网站导航功能 将浏览器窗口划分为不同的部分,每部分中装载不同的网页,通过为超链接指定目标框架,可以为框架之间建立起内容之间的联系,因而实现页面的导航和页面间的交互操作 联机帮助 三、框架标记符及格式三、框架标记符及格式 框架集标记符,是框架容器,框架必须定义在框架集之内定义浏览器不支持框架技术时所要显示的替代内容,必须包含在 标记符之中,可选框架标记符,定义一个框架,必须包含在 标记符之中,也可以嵌套null 框架    <BODY>不支持框架技术,很抱歉!</BODY> null 嵌套框架 <BODY> <P>太遗憾了,您的浏览器不支持框架!/P> </BODY> null1.框架集标记符—— rows属性:设置横向框架 cols 属性:设置纵向框架 例子:  框架集网页     null2.框架标记符—— name属性:框架的名称 src属性:框架的初始页面 frameborder属性:是否显示边框([1|0]) marginwidth属性:边距宽度 marginleft属性:边距高度 noresize属性:禁止修改框架尺寸 scrolling属性:是否有滚动条([yes|no|auto]) 例子: 初始化框架 null四、框架中的超链接 链接: 超链接点 特殊框架名 _top  _self _blank _parent第六周实训第六周实训 作业1: 利用框架结构将多个网页组织在一个浏览器窗口中(上/左右结构) 标记符 标记符 右框架中的网页必须有图文排版的方式  多少个html文件?null四、页内框架——浮动框架