第2章Web页面制作基础 2.1HTM语言概述 2.2文档的格式与风格 2.3加入多媒体与超级链接 2.4制作表格 5制作表单 2.6框架结构 2.7CSS基础
第2章 Web页面制作基础 2.1 HTML语言概述 2.2 文档的格式与风格 2.3 加入多媒体与超级链接 2.4 制作表格 2.5 制作表单 2.6 框架结构 2.7 CSS基础
本章首页 2.1HM语言概述 WWW( World wide web,万维网)拉进了人 们彼此间的距离,使得人与人之间的信息交 流变得更加简便和快捷。WW上的信息,大部 分是通过HTM语言发布的
2.1 HTML语言概述 WWW(World Wide Web,万维网)拉进了人 们彼此间的距离,使得人与人之间的信息交 流变得更加简便和快捷。WWW上的信息,大部 分是通过HTML语言发布的。 本章首页
2.1HM语言概述 2.1.1HTM概述 HTM是( Hyper Text Markup language,超文本 标记语言)的缩写,最早源于SGM语言 HTM用来表示网上信息的符号标记语言。在WW上, 发布信息通常使用HTM,它是Web页面的基础,任何 个Web页面都离不开HTML,而且班TM也是Web应用 开发的基础。 HTML语言是大多数浏览器都能识别的语言,使用 HTM语法规则建立的文本可以运行在不同的操作系 统平台上,而且能被大多数用户所接受
2.1 HTML语言概述 2.1.1 HTML概述 HTML是(Hyper Text Markup Language,超文本 标记语言)的缩写,最早源于SGML语言。 HTML用来表示网上信息的符号标记语言。在WWW上, 发布信息通常使用HTML,它是Web页面的基础,任何 一个Web页面都离不开HTML,而且HTML也是Web应用 开发的基础。 HTML语言是大多数浏览器都能识别的语言,使用 HTML语法规则建立的文本可以运行在不同的操作系 统平台上,而且能被大多数用户所接受
2.1HM语言概述 2.1.2文档的结构 文件开头和结尾由 mTM>和来 标记 头部信息 标记头部,用来包含 文件的基本信息; 标 正文部分 记正文部分,是整个 文件的主体部分。 K/HTML>
2.1 HTML语言概述 2.1.2 文档的结构 头部信息 正文部分 文件开头和结尾由 和来 标记。 和 标记头部,用来包含 文件的基本信息; 和标 记正文部分,是整个 文件的主体部分
2.1HM语言概述 这是标题部分。 你好,这是正 这是标题部分。- Microsoft Int.-OJx 文件G编辑G查看收藏” 地址hpkd转到链接 K/HTML> 你好,这是正文部分 完毕本地 intranet
2.1 HTML语言概述 这是标题部分。 你好,这是正文部分!
2.1HM语言概述 2.1.3HTM标记 1.ⅢTM文档标记 格式: 功能:标志文档开始和结尾的标记。 2.HTM文件头标记 格式:. 功能:用于包含文件的基本信息。 3.HM文件主体标记 格式:.! 功能:文件主体标记
2.1 HTML语言概述 2.1.3 HTML标记 1.HTML文档标记 格式:… 功能:标志文档开始和结尾的标记。 2.HTML文件头标记 格式:… 功能:用于包含文件的基本信息。 3.HTML文件主体标记 格式:… 功能:文件主体标记
2.1HM语言概述 2.1.4常用HM编辑工具 任何一个文档编辑器都是HM编辑器 为了减少网页设计师的工作,使设计网页更加的方 便,很多公司设计了专用的网页编辑器,像 Dreamweaver, FrontPage, CutePage, QuickSite<f, 是专门用来制作网页的,利用它们可以很容易的编写 出精美的网页,具有所见即所得的功能。 所谓所见即所得,就是在编辑网页时看到的效果, 与使用浏览器时显示的效果基本一致
2.1 HTML语言概述 2.1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。 为了减少网页设计师的工作,使设计网页更加的方 便,很多公司设计了专用的网页编辑器,像 Dreamweaver,FrontPage,CutePage,QuickSite等, 是专门用来制作网页的,利用它们可以很容易的编写 出精美的网页,具有所见即所得的功能。 所谓所见即所得,就是在编辑网页时看到的效果, 与使用浏览器时显示的效果基本一致
2.2文档的格式与风格 在大多数网页中,文档是核心的内容,只 有设置适当的文档格式,才能得到绚丽多彩 的网页。设置文档的格式包括:设置标题和 文字的字体、字号、字型、颜色,段落格式 文本布局等
2.2 文档的格式与风格 在大多数网页中,文档是核心的内容,只 有设置适当的文档格式,才能得到绚丽多彩 的网页。设置文档的格式包括:设置标题和 文字的字体、字号、字型、颜色,段落格式、 文本布局等
2.2文档的格式与风格 2.2.1设置的属性 标记属性 功能 background=URL 设置网页的背景图片 bgcolorcolorvalue 设置网页的背景颜色 text=colorvalue 设置文本的颜色 linkecolorvalue 设置尚未被访问过的超文本链接的颜色,默认为蓝色 vlinkecolorvalue 设置已被访问过的超文本链接的颜色,默认为紫色 alinkecolorvalue 设置超文本链接在被单击的瞬间的颜色,默认为红色 bgproperties =fixed 设置背景是否随滚动条滚动 leftmargin=size 设置网页左边的空白 topmargin-size 设置网页上方的空白 margingwidth=size 设置网页空白的宽度 marginheight =size 设置网页空白的高度
2.2 文档的格式与风格 2.2.1 设置的属性 标记属性 功能 background=URL 设置网页的背景图片 bgcolor=colorvalue 设置网页的背景颜色 text=colorvalue 设置文本的颜色 link=colorvalue 设置尚未被访问过的超文本链接的颜色,默认为蓝色 vlink=colorvalue 设置已被访问过的超文本链接的颜色,默认为紫色 alink=colorvalue 设置超文本链接在被单击的瞬间的颜色,默认为红色 bgproperties =fixed 设置背景是否随滚动条滚动 leftmargin=size 设置网页左边的空白 topmargin=size 设置网页上方的空白 margingwidth=size 设置网页空白的宽度 marginheight =size 设置网页空白的高度
2.2文档的格式与风格 2.2.2段落格式化 1.标题标记 格式:.,..…
2.2 文档的格式与风格 2.2.2 段落格式化 1.标题标记 格式:…,……… 功能:设置各种大小不同标题的标记。 2.段落标记 格式:… 功能:设置段落标记。 3.预定义格式标记 格式:…