[理学]网页设计 Dreamweaver教案第三章.pptVIP

第三章 HTML语言 本章要点 HTML结构 文本格式标记 超链接标记 表格标记 表单标记 HTML文件是标记的ASCII文件，它是由标记元素,字母和文字组成的纯文本文件.它可以用任何一种文字编辑器编辑,如记事本,写字板和Word等，并以扩展名为.htm,.html的文件形式存储。 HTML标记一般用一对尖括号””括起来，以示区别. 可以使用HTML语言直接编写网页文件并在浏览器中浏览。使用任何网页编辑软件制作网页文件,都以HTML文件的形式存储.任何一种网页制作软件都有它的优点和特色,也会存在不足之处,可以使用HTML语言来进行修改和完善. 3.1 HTML文件结构 HTML的标记元素有下列三种表示方法: 元素名 元素名文件或超文本/元素名 元素名 属性名=“属性值”…文本或超文本/元素名 如: p分段标记 HL align=“center”标题标记hl FONT Size=16 color=“red”字体标记/FONT 3.1.1 HTML文件结构 下面是一个简单的网页的HTML文件的结构 html head title一个简单的网页/title /head body p align=“center”我的个人网页/p /body /html html--- HTML文件开始标记 head---文件头开始标记,文件头 /head---文件头结束标记 body---文件体开始标记,文件体, HTML文件的正文写在这里 /body---文件体结束标记 /html--- HTML文件结束标记 3.1.2标题标记TITLE/TITLE TITLE元素是文件头中唯一一个必须出现的元素,它也只能出现在文件头中。 格式:Title文件题目 /Title 功能:设置在浏览器标题栏中显示的文件标题 例: head Title我的个人主页 /Title /head 说明:在浏览器标题栏中显示”我的个人主页”. 3.1.3主体标记body/body 格式:body [text|link|alink|vlink|background|bgcolor] 页面元素 / body 功能:设置文字色彩和链接对象色彩，设置页面的背景色彩和图象(见chap3_1.htm). 说明: Bgcolor---背景色彩 Background---背景图象 Text---可链接文字 Link---可链接文字的色彩 Alink---正被单击的可链接文字的色彩 Vlink---已经点击过的可链接文字的色彩 #=rrggbb 色彩是用十六进制的红-绿-蓝值来表示.十六进制的数码有:0.1.2...7.8.9.A.B.C.D.E.F 设置背景图象的格式: body background=“image-url” 其中“image-url”是背景图象的文件地址. 例如: body background=“back-ground.gif” text=“#00ff00”body 背景用图片平铺,文字用黄色显示 例如: body bgcolor=ff0000大红背景色 3.2文本格式标记 3.2.1标题字体标记hn/hn (见chap3_2.htm) 功能:标题元素有六种,分别为h1,h2….h6,用于表示文章中的各种题目。标题号越小,字体越大.一般情况下,一律黑体. 说明:hn可以有对齐属性;align=#,#分别表示left标题居左,center标题居中,right标题居右.hn---/hn这些标记显示黑体字. hn---/hn这些标记自动插入一个空行,不必用p标记再加空行.因此在一行中无法使用不同大小的字体. 例如:h2 align=center手机价格表/h2 3.2.2字体大小标记font/font 格式: font size=#1 color=#2.../font #1=1,2,3,4,5,6,7 or +#,-# 功能:设置字体的大小和颜色(见chap3_3.htm) 说明:HTML有7种字号,1号最小，7号最大,默认字号为3. 字体颜色:字体颜色用font color=#指定#可以是6位十六进制数,分别指定红，绿，蓝的值,也可以是以上16种颜色之一. 例如: font size=5今天天气真好!/font 3.2.3字体风格标记biu 格式:b/bi/iu/u 功能:设置字体的风格(见chap3_4.htm). 说明:b---黑体,i---斜体,u---下划线 例如: b今天天气真好!/b i今天天气真好!/i u今天天气真好!/u 3.2.4段落标记p/p与换行标记br 1.段落标记p 格式:p align=left|center|right 功能:换行并空一行(见chap3_5.htm) 2.换行标记br 格式:br align=le