第二章 HTML幻灯片.pptVIP

第二章 主要内容 1. HTML文档的建立、保存与打开 2. 各种标签的使用 一. HTML文档的建立、保存与打开 2.HTML文档的组成 HTML文件是用于显示网页的，它由内容和标记两部分组成。 内容就是要在网页上显示的字符、图片、视频、声音、超链接等。 标记（Tag）用来规定这些内容显示方式和布局，它告诉浏览器如何显示网页中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。 1.2 HTML文档的建立 HTML常用的编辑器大体可以分为两种： 1．基本文本编辑软件。使用WINDOWS自带的记事本或写字版都可以编写。不过存盘必须使用.htm或.html作为扩展名，表明建立的是HTML文件。 2．所见即所得软件。他们的典型代表就是FrontPage和Dreamweaver, 这也是当前使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，因为网页的HTML代码是自动产生的。 1.3 HTML文档的结构 以下是一个简单的HIML文件。 html head title 欢迎 /title /head body font size=”7” color=”red” 欢迎进入天天音乐网 /font /body /html 1．HIML文档的结构 （1）整个HIML文档都以html开始，并以/html结束。HTML标记处于文档的最前面，表示HTML文档的开始，即浏览器从HTML开始解释，直到遇到／HTML为止。 （2）HIML文档由头和体两部分组成。头部分以Head标记开始，以/Head标记结束。体部分由Body标记开始，以/Body标记结束。 （3）头部分包含文档的标题，标题以TITLE开始，以／TITLE绪束。“标题”内容显示的，多页的上端。标题为搜索提供了关键字。头部分在HTML文件中不是必需的。 （4）体部分是网页的正文，包含需要在网页中显示的文本、图形、链接、表格和表单等。 2．HTML文件主体 HTML文件主体是网页的核心，网页中真正显示的内容都包含在主体中。 基本语法： BODY background=“文件名” bgcolor=“网页背景色” text=“文本颜色” link=“超链接热字色” vlink= “已访问的超链接热字色”alink=“访问瞬间的超链接颜色” 网页的内容 ／BODY BODY有很多属性，可以定义页面的背景图像、背景颜色、文字颜色、超文本链接的颜色，这些属性用于设定网页的总体风格。 HTML的颜色表示分为两种： (1)以命名方式定义常用颜色，如red、black等。 HTML中定义常用的16种颜色名字是：aqua（水绿）、black（黑）、blue（蓝）、fuchsia(紫红)、gray（灰）、green（绿）、lime（浅绿）、maroon（褐）、navy（深蓝）、olive（橄榄）、purple(紫)、red(红)、silver(银)、teal(深青)、white(白)和yellow(黄)。 (2)以RGB值表示，用“#RRGGBB”表示。其中，RRGGBB都代表达式位十六进制，RR、GG、BB分别表示红、绿、蓝三元色，每种颜色由00~ffaqw 都有256种彩度，故三原色可以混合成256×256×256=1670万种颜色。例如：白色的组成是ffffff、红色是ff0000，绿色是green=00ff00，蓝色是 0000ff。 1.4 HTML文档的保存 保存HTML文件的步骤如下： 1 、文件编辑完成以后，选菜单命令“文件／另存为”，则弹出“另存为”对话框,如图1.1.1所示。 2 、在对话框中输入文件名，在文件名后加上扩展名“.html”或“htm”。保存类型为文本文件。 3、 按“确定”钮，则所编文档以指定文件名存盘。 1.5 HTML文档的打开 一是打开为网页，即运行网页； 二是打开为文本文件，供编辑用。 1.6 HTML标签格式的约定 （1）标记的格式 标记名 被作用的对象 ／标记名 标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同；例如 html……/html,head…/head,body…/body都是标记。 （2）标记中的属性 属性用来说明被标记作用的对象的特征。加入属性以后，标记的格式应是： 标记名 属性1=“属性1的值” 属性2=“属性2的值”…… 例如： font size=“7” color=“red” 欢迎进入天天音乐网 /font font中的属性size=“7” color=“red”用来定义字符的大小和颜色。各个属性项的次序不限，属性间用空格分开，属性