网页制作初步-广东外语外贸大学.PPTVIP

网页制作初步 HTML语言简介 HTML语言简介-1 HTML是Hypertext Markup Language的缩写，即超文本标注语言，在 World Wide Web 上的文件就是使用HTML语言所写，它允许网页设计者建立文本、图片、表格等复杂的页面， 这些页面可以被网上任何其他用户浏览到，无论使用的是什么类型的电脑或浏览器。 HTML语言简介-2 HTML文件由标记和正文组成，将各种标记插入文档中，以设计出不同的效果，通过浏览器对这些标记进行解释，将文件的效果显示出来。 格式为：标记名 内容 /标记名标记通常成对出现，结束标注和开始标注相同，只是括号里的标注名前多了个‘/’。 页面框架结构 HTML head title标题/title /head body 正文内容 /body /HTML 最简单的页面 HTML head title标题/title /head body text=blue bgcolor=white 广东外语外贸大学（正文） /body /HTML 字体、颜色设置 标题字体：Hn .../Hn 格式：font size=n color=rrggbb ... /font 文字字体修饰 字体斜体：i.../i 字体黑体：b.../b 下 划 线：u.../u 本行居中：center.../center 文字闪烁：blink.../blink 如：bfont size=4 color=ff00ff中国/b/font 标尺线、换行 标尺线 格式： hr size=n width=n align=# #：Left ,Center ,Right 换行 格式1：p 分段 行距大 格式2：br 分行 行距小 如：p你好/p中国 你好br中国 链接标记的格式-1 文件之间链接 A href=URL target=# 内容 /A target=# _self 链接内容与当前页面在同一窗口显示 _parent 链接内容在本窗口的父窗口显示 _blank 链接内容显示在新启动一个窗口里 _top 链接内容在整个窗口显示，从多窗口显示变为 整个窗口显示 如：a href=“” target=_blank广东外语外贸大学〈/a a href=“detail.htm” target=_blank详细介绍〈/a 链接标记的格式-2 本页文件内链接 A name=位置标记名称 **** /A .....定义本页面位置标记名 A href=#name **** /A ....链接到本页或另一页某个位置标记处 如：a href=“#top”目录/a a href=“html2.htm#top”目录/a 如是跳到本页某处，不要写文件名 链接标记的格式-3 格式3(发邮件)： A href=“mailto:xmzhang@” 发信给我/A 图象设置 img src=# alt=# align=# border=n width=n height=n hspace=n vspace=n 范例 IMG SRC=“ex30.jpg” ALT=“校园风景” 例：p15 表格基本设置 TABLE border=n width=n algin=# cellpadding=n cellspacing=n bgcolor=# tr align=# 注：行开头 td colspan=n bgcolor=# .../td 注：单元格 ……. /tr 注：行结尾 /TABLE 注：Colspan=n 表示n个单元格合并 例：p19 有序表 格式： ol type=# start=# type=1，A，I liaaaa libbbb licccc /ol 如： ol type=i start=4 li苹果 li菠萝 li李子 ol 无序表 格式： ul type=# #=disc ,circle,square li /ul 多窗口设置 格式： FRAMESET COLS=“n1,n2 窗口左右分 [FRAMESET ROWS=“,” 窗口上下分] FRAME NAME= SRC= ... FRAME NAME= SRC= ... /FRAMESET 例：p23 多窗口例p23 html head title范例7多窗口/title /head frameset cols= 60,40 fr