第三章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网页中的超链接 页面链接 锚点链接 电子邮件链接 应用技巧