第一章页面制作.pptVIP

第一章网页制作 HTML及其应用 HTML超文本标记语言，它通过多种标准化的标记符号对网页内容进行标注，对页面超媒体内容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指定。 HTML是Web页面的基础，“.html”或者“.htm”为扩展名，它是一种纯文本文件，可以使用记事本等文本编辑器来编辑，也可以使用Frontpage等网页制作工具来创建。 HTML即超文本标记语言，是WWW的描述语言。html 是在 sgml 定义下的一个描述性语言，或可说 html 是 sgml 的一个应用程式，html 不是程式语言，它只是标示语言。HTML一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 HTML文件的结构 html head 页面的头部信息 /head body 页面的主体内容 /body /html 1.建立HTML文件 html head title我的花店/title /head body 欢迎您访问我的花店 /body /html 2.常用的HTML标记设置 1）hi用于定义段落标题的大小级数，也就是通常说的字体大小。最大的标题级数是h1,最小的标题级数是h6。 align属性控制文字的对齐方式。 left左对齐 center居中对齐 right右对齐 例2： html head title我的花店/title /head body h1欢迎您访问我的花店/h1 h2 align=left欢迎您访问我的花店/h2 h2 align=center欢迎您访问我的花店/h2 h2 align=right欢迎您访问我的花店/h2 欢迎您访问我的花店 h4欢迎您访问我的花店/h4 /body /html 思考 从例1、例2对比中得出什么样结论？ 2）p标记符用于划分段落，控制文本的位置。用于定义内容从新的一行开始，并与上段之间有一个空行。 align属性控制新开始的一行内容在页面中的的对齐位置。 left左对齐 center居中对齐 right右对齐 3）br换行标记，用于定义文本从新的一行显示，它不产生一个空行，但是多个连续br标记符可以产生多个空行的效果。 3-1 html head title我的花店/title /head body centerTommorow/center br Tommorow br /body /html 4）列表标记 无序列表 ulli... /li /ul ul liToday/li liTommorow /li /ul Today Tommorow 4-1 html head title我的花店/title /head body h1欢迎您访问我的花店/h1 ul liToday liTommorow /ul /body /html 有序列表 /olli.. /li/ol ol liToday /li liTommorow /li /ol 1.Today 2.Tommorow 4-2 html head title我的花店/title /head body h1欢迎您访问我的花店/h1 ol liToday /li liTommorow /li /ol /body /html ul项目列表 ol编号列表 li标记来设定项目内容，type属性可以显示不同形状的项目符号，取值： （1）不加type属性。项目符号显示为? （2）type=circle。项目符号显示为? （3）type=square。项目符号显示为? 4-3 html head title我的花店/title /head body h1欢迎您访问我的花店/h1 ul li Tommorow /li li type=circleTommorow /li li type=“squareTommorow /li /ul /body /html 5）a链接标记的设置、通过a标记符来实现链接的、它是成对标记符，主要属性： href:链接文件的位置 target:链接目标的位置 5-1 html head /head body bgcolor=#FFFF99 pa href=友情链接/a/p /body /html 文字与表格 font标记用来定义文字的字体、大小和颜色，是成对标记符。 主要属性1）face：定义文字用的字体 2）size: 定义文字的大小，属