HTML入门教程文档格式.docx

1、Hn/Hn 标题，设定标题字体大小， n = 1 （ 大 ） 6 （ 小 ） 会自动跳下一行。通常用在如章节、段落等标题上。如 :H2 标题 标题H3 ALIGN = CENTER/H3 （ 标题置中 ） B/B 粗体字。 粗体字 /I 斜体字。 斜体字 /U 加底线。 加底线 /DEL 横线 （ 表示删除 ）。 横线 /TT 打字体 （ 固定宽度文字 ）。 打字体 /SUP 上标字。 字体 上标字 /SUB 下标字。 下标字 注解 （ 不会显示在浏览器上 ），可以多行。 更新日期 : 2000/1/1设定字体大小、颜色、字型有关设定文字的方法共有以下几种 :1.设定HTML文件主体文字颜色。

2、标记。 如 :BODY TEXT=RED 或2.设定基本字体大小、颜色、字型。BASEFONT/BASEFONT3.设定字体大小、颜色、字型。FONT/FONT 设定基本字体，SIZE = 1 7，1 （ 最小 ） 7 （ 最大 ）。BASEFONT SIZE=4 基本字体大小为 4 设定颜色 设定字型 /BIG 基本字体加大。 基本字体大小为 4， 加大为 5 /SMALL 基本字体减小。 减小为 3 字体大小为 4 +1字体大小为 5 -2字体大小为 2 FONT FACE = 标楷体 , 细明体 注意事项1. 设定字体的大小分 : 绝对SIZE 如 :和 相对SIZE 如 : （ 以 B

3、ASEFONT 设定的字体大小做加减 ）。2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 （ 00 暗 FF 亮 ）。 #RRGGBB 所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示 （ 即十进制 0 255 ）。十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。3. 设定字体的字型会按照顺序找出显示的字型，若找不到则以系统预设字型显示第三课 表格表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。常用表格标记 TABLE/TABLE 表格指令。相关属性

4、:ALIGN 调整BGCOLOR 背景颜色BORDER 边框HEIGHT 高度WIDTH 宽度 CAPTION/CAPTION 表格标题。ALIGN 调整 TR/TR 表格列 （ /TH 表格栏标题 （ 表头 ） 粗体字 （ /TD 表格栏资料 （ 储存格 ） （ 太平洋网络学院表格标题行标题 1 列标题 1 A AB B列标题 2 C CD 标示项目。OL第一项第二项/OL1. 第一项 2. 第二项 编号标示，可标示数字或英文、罗马字母。OL TYPE=II. 第一项 II. 第二项 UL/UL 符号标示，可标示数字或英文、罗马字母。 第一项 第二项 DT 定义项目。DD 定义资料。DL/D

5、L 定义标示。十进制 :0、1、2、3、4、5、6、7、8、90、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F0、1、2、3、4、5、6、7、8、9 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 巢状式标示 第一章OL TYPE=i第一节第一段第二段第二节第二章第三章1. 第一章 i. 第一节 第一段 第二段 ii. 第二节 2. 第二章 3. 第三章 其他标示标记DIR/DIR 目录式标示 （ 自动加圆点 ）。网络学院 :新手上路软件教室设计教室开发教室 新手上路 软件教室 设计教室 开发教室 标示项目符号也可以用 标记，以符号字元 （ 、.等 ） 标示。如

6、: #62 或 > 不可分空格 nbsp 第五课 区段标记一个网站不仅要内容丰富外，也要有美观简洁的版面。HTML所提供的区段标记功能，如果可以好好的利用也会有相当不错的效果。常用区段标记 HR 产生水平线。HR ALING=CERTEN WIDTH=90%BR 跳下一行。 太平洋网络学院，/P 段落，跳下一行并加一行空白。 （ /CENTER 置中。置中/NOBR 不跳下一行。太平洋网络学院，/PRE 以文件原始格式显示。原始格式: 文件 设定基本URL位置或路径，以後只要设定文件名称即会自动加上位置或路径。HREF 链接的URL位址或文件TARGET 指定链接到的URL位址或文件显示于

7、那一个视窗 （ 可和 视窗标记配合使用或开新的视窗 ） BASE HREF=http : /A HREF=kk.htm / TARGET=frame1A 链接指令。NAME 名称外部链接内部链接CH1.HTM 文件A HREF=#A （ 欲链接至HTML文件 A 点 ） A NAME=A （ HTML文件 A 点 ） CH2.HTM文件A HREF=CH1.HTM#A （欲链接至CH1.HTM 文件 A 点 ） 表示链接点，可以是文字或图案。（ 即游标移到时，会变成手指形状的地方 ） LINK 链接指令 （ 用于HEAD区，设定CSS文件 ）。META 储存应用资讯，可设定时间载入网页 （ 用

8、于HEAD区 ）。CHARSET 设定CONTENT 回应表头资料内容 , 若是数字表示秒数HTTP-EQUIV 回应表头 , 若设定为REFRESH载入URL设定URL HTML位置设定中文自动跳行。META HTTP-EQUIV=Content-Type CONTENT=text/html;charset=gb2312设定十秒回到首页。 （ 若不设定HTML文件位置则再载入原HTML文件 ）REFRESH CONTENT=10 URL=index.htm设定链接、未链接部份颜色 设定链接、未链接部份颜色，用第七课 框架框架架构的标记，主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有

9、助于浏览网页的效率！常用窗口标记 FRAMESET/FRAMESET 定义分割窗口。COLS 行 , 设定分割左右窗口宽度 （ 用,分隔，可设百分比 % ;*表示剩余部份 ）FRAMEBORDER 显示边框ROWS 列 , 设定分割上下窗口高度 （ 用,分隔，可设百分比 % ;*表示剩余部份 ） 定义窗口。NAME 名称 NORESIZE 设定是否可以调整窗口大小SRC 文件或URL位址SCROLLING 设定是否可以卷动 NOFRAMES/NOFRAMES 无支援分割窗口浏览器显示文字。IFRAME/IFRAME 插入浮动窗口。 本站窗口架构。（ 先分割成上下窗口，再于窗口各分割成左右窗口。

10、 ）FRAMESET ROWS=74,* COLS=140,* FRAMEBORDER=NO BORDER=0FRAME SRC=rad.htm NAME=RAD NORESIZE SCROLLING=NOFRAME SRC=a-1.htm NAME=FRAME1 NORESIZE SCROLLING=NOFRAME SRC=b-1.htm NAME=FRAME2 NORESIZE SCROLLING=AUTOFRAME SRC=c-1.htm NAME=FRAME3 NORESIZE SCROLLING=AUTO 浮动窗口IFRAME FRAMEBORDER=YES SCROLLING=YE

11、S SRC=c1-01.htm注意窗口基本架构的文件，通常放在HTML文件的第一页，如 : index.htm 。此HTML文件的基本架构并不需要本文区 （ BODY ），只需定义窗口架构，而其他HTML文件可用连结方式 （ A HREF=.连结标记 TARGET属性 ） 显示于指定的窗口中。第八课 设置图片现在的网站没有用图片的，几乎很少了吧！图片增加了网站版面的美观，不过也不要放了大量的图片，而拖慢网站传输的效率喔！有关设定图片的方法共有以下几种 :1. 设定HTML文件背景图片、背景颜色。2. 如 :BODY BACKGROUND=A.GIF3. 4. 设定图片。IMG5. 设定地图。M

12、AP/MAP常用图片标记 指令 ALT 提示字USEMAP 地图名称 可插入图片 （ GIF、JPG格式 ）、AVI电影IMG SRC=./././images/pcedu_lo.gif ALT=太平洋网络学院 ALIGN=TOP BORDER=1 地图 AREA 设定地图动作区域 COORDS 设定动作区域座标 （ 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 ）HREF 动作区域连结点 （ 可载入位址或文件 ）NOHREF 动作区域连结点不动作SHAPE 外型 举例设定地图IMG BORDER=0 SRC=A.GIF USEMAP=#AMAP NAME=AAREA SHAPE

13、=RECT COORDS=0,0,200,100 HREF=1.HTMAREA SHAPE=RECT COORDS=0,100,200,200 NOHREFAREA SHAPE=RECT COORDS=0,200,200,300 HREF=3.HTM第九课 加入声音HTML不仅能插入图片，也可以载入MIDI音乐、WAV 音效喔！常用音乐标记 BGSOUND 背景音乐、音效。LOOP 循环 , 背景音乐播放次数SRC 文件或URL位址 （可为WAV、MIDI格式 ） BGSOUND SRC=m-1.mid LOOP=True内嵌音乐插件 EMBED/EMBED 内嵌插件。WIDTH 宽度 （ 可

14、设百分比% ）SRC 设定内嵌物件的 URL 位址AUTOSTART 自动播放 EMBED SRC=m-1.mid WIDTH=145 HEIGHT=60 AUTOSTART=True LOOP=True第十课 滚动条这是由IE提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！【文字卷动标记】 MARQUEE/MARQUEE 文字卷动 （ 滚动条 ）。【相关属性】 BEHAVIOR = 设定卷动方式- ALTERNATE 交替来回卷动- SCROLL 卷动 （ 预设 ）- SLIDE 滑动 BGCOLOR = color 背景颜色 DIRECTION = 设定卷动方向 HEIGHT = n 高度