当前位置:高等教育资讯网  >  中国高校课件下载中心  >  大学文库  >  浏览文档

《网页设计与制作》课程教学资源(PPT课件讲稿)第3章 HTML

资源类别:文库,文档格式:PPT,文档页数:19,文件大小:229KB,团购合买
一、HTML基本知识 二、文本 三、表格 四、图象 五、超链接 六、HTML表单 七、HTML的框架结构
点击下载完整版文档(PPT)

第三章HTML ◆ITML基本知识 ◆文本 测◆表格 ◆图象 ◆超 链接 ◆ITML表单 ◆ITML的框架结构

第三章 HTML  HTML基本知识  文本  表格  图象  超链接  HTML表单  HTML的框架结构

3.1HTML基本知识 ◆什么是HTML ◆HTML基本概念

3.1 HTML基本知识  什么是HTML  HTML基本概念

3.1.1 如果想成为一名网页设计高手,就必须掌握HTML ( Hyper Text Markup language,超文本置标语言) HTML是网络的通用语言,它允许设计者建立文本与图象 相结合的复条页面,这些页面可以被网上任何其他人浏 览,无论使用的是什么类型的电脑或浏览器。用HM编 写的文件将保存成文档名为htm或htm1的文件,浏览器 通过解释执行HML编码。 一个HIML文件中包含了所有将显示在网页上的文字 信息。其中也包括对浏览器的一些指示,如那些哪些文 字应放置在何处,显示模式等。如果还有一些图片、 Q画、声音或是任何其他形式的资源,HM文件也会告诉 浏览器到哪里去查找这些资源,以及这些资源将放在网 页的什么位置。HM文件通过标记来实现这一功能 可以用 Windows自带的记事本來编写HTM文件,也 可以用其他任意的文本编辑器来编写HML文件,如 Urtra edit等,记住,在保存时要保存为.htm或.htm

如果想成为一名网页设计高手,就必须掌握HTML (Hyper Text Markup Language,超文本置标语言), HTML是网络的通用语言,它允许设计者建立文本与图象 相结合的复杂页面,这些页面可以被网上任何其他人浏 览,无论使用的是什么类型的电脑或浏览器。用HTML编 写的文件将保存成文档名为htm或html的文件,浏览器 通过解释执行HTML编码。 一个HTML文件中包含了所有将显示在网页上的文字 信息,其中也包括对浏览器的一些指示,如那些哪些文 字应放置在何处,显示模式等。如果还有一些图片、动 画、声音或是任何其他形式的资源,HTML文件也会告诉 浏览器到哪里去查找这些资源,以及这些资源将放在网 页的什么位置。HTML文件通过标记来实现这一功能 可以用Windows自带的记事本来编写HTML文件,也 可以用其他任意的文本编辑器来编写HTML文件,如 Urtra Edit等,记住,在保存时要保存为.htm或.html. 3.1.1

3.1.2HTML基本概念 ◆标记:用语描述功能的符号 ◆特殊字符:用替代命令代表特殊的意义 ◆语法:用于描述标记的属性参数

3.1.2 HTML基本概念  标记:用语描述功能的符号  特殊字符:用替代命令代表特殊的意义  语法:用于描述标记的属性参数

3.2文本 ◆字体 ◆段落

3.2 文本  字体  段落

3.3表格 在网页设计中,表格的应用是相当广泛的, 几乎现在没有哪个网站的网页中没有表元素,表 属性非常多可以设置背景图象、背景色、大小 嵌套表等等,而且网页的排版很大程度上是表在 起作用。下面从两个方面阐述表格: 基本表格 表格控制

在网页设计中,表格的应用是相当广泛的, 几乎现在没有哪个网站的网页中没有表元素,表 的属性非常多可以设置背景图象、背景色、大小、 嵌套表等等,而且网页的排版很大程度上是表在 起作用。下面从两个方面阐述表格: 基本表格 表格控制 3.3 表格

3.3.1基本表格 表格的插入是用 标记 tabe示例 来实现的,必须有 和 表示行, 表示列。 第一列 第二列 右面是一个基本表的 例子,自己动手看看 效果吧!

3.3.1基本表格 表格的插入是用 标记 来实现的,必须有 和 ,其中 表示行, 表示列。 右面是一个基本表的 例子,自己动手看看 效果吧! table示例 第一列 第二列

3.3.2表格控制 Cellspacing使表格的边框加宽,从而加大格子之间的 距离。Ce1 padding在格子的边框中加进看不见的空白, 从而使格子里的内容与格子的四个边框产生距离。 对表格边框的设置是通过 border來进行的。 Border可 AY以不等于任何值,这是会按浏览器默认的宽度设定边 宽,另外可以设定具体值如 border=*,其中*代表数1, 2,3等。 表格边的颜色、亮度和背景颜色可以设定,甚至可以 用图片作表格的背景。它们分别用到属性 gbcolor(表 格背景色)、 background(表格背景图) bordercolor(表格边颜色) bordercolorlight(表 格边明亮部分颜色) bordercolordark(表格边昏暗 部分颜色)

3.3.2表格控制  Cellspacing使表格的边框加宽,从而加大格子之间的 距离。Cellpadding在格子的边框中加进看不见的空白, 从而使格子里的内容与格子的四个边框产生距离。  对表格边框的设置是通过border来进行的。Border 可 以不等于任何值,这是会按浏览器默认的宽度设定边 宽,另外可以设定具体值如 border=*,其中*代表数1, 2,3等。  表格边的颜色、亮度和背景颜色可以设定,甚至可以 用图片作表格的背景。它们分别用到属性gbcolor(表 格背景色)、 background(表格背景图)、 bordercolor(表格边颜色) bordercolorlight(表 格边明亮部分颜色) bordercolordark(表格边昏暗 部分颜色)

3.4图象控制标签 一个网站如果没有图片。那将是没有生气的。也 吸引不了读者的目光。一个好的设计师会用合适的图 片美化自己的设计,如果使用怡当会有点睛之笔的效 果 1插入图片 插入图的语句是,它没有 结束标签 2图象应用示例

3.4图象控制标签 一个网站如果没有图片,那将是没有生气的,也 吸引不了读者的目光。一个好的设计师会用合适的图 片美化自己的设计,如果使用恰当会有点睛之笔的效 果。 1.插入图片: 插入图象的语句是,它没有 结束标签。 2.图象应用示例

3.5网页中的超链接 ◆页面链接 ◆锚点链接 ◆电子邮件链接 ◆应用技巧

3.5网页中的超链接  页面链接  锚点链接  电子邮件链接  应用技巧

点击下载完整版文档(PPT)VIP每日下载上限内不扣除下载券和下载次数;
按次数下载不扣除下载券;
24小时内重复下载只扣除一次;
顺序:VIP每日次数-->可用次数-->下载券;
共19页,试读已结束,阅读完整版请下载
相关文档

关于我们|帮助中心|下载说明|相关软件|意见反馈|联系我们

Copyright © 2008-现在 cucdc.com 高等教育资讯网 版权所有