荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: jam (jam), 信区: Homepage
标 题: 主页制作漫谈
发信站: BBS 荔园晨风站 (Wed Dec 2 11:03:07 1998), 转信
学习HOMEPAGE（主页）的制作是每一位玩INTERNET的网虫必须具备的。
借鉴网上精彩主页制作的经验，逐步改进、完善自己的主页，你会从中的
到无穷的乐趣。
在这里我给大家介绍一些主页制作的方法。希望起到
投砖引玉的作用，请大家起来参与，将本讨论区办成佛山BBS最有特色的
栏目，也希望能从中找到板主。
HTML的概述
HTML是Hyper Text Markup Language缩写，即是超文本标识语言。
是专门为WWW上为客户与服务器共同识别的一种语言。是一种由标签用
来表示某些特性或功能的描述语言。它是由WEB的管理员或HOMEPAGE的
设计者编写出来的HTML文本文件。
用HTML编写你的HOMEPAGE
HTML是由标签组成的标识文本文件。只要认真理会以下一些标签意
义很快你就可以编写你的HOMEPAGE了：
一、HTML的标签
HTML是由标签组成的文本。而标签必须由<>尖括号包起来，并且是
有开头和结尾，即<标签>.....</标签>。开头和结尾，<标签>和</标签
>间为标签所描述的特性。对于HTML的元素有HTML1.0, HTML2.0, HTML
3.0,HTML3.2以及Netscape 的扩展元素组成。
二、HTML的元素描述
1、基本标签元素
文件格式 <HTML></HTML> (HTML文件的开头与结尾)
主题 <TITLE></TITLE> (必须放在文头区段)
文头区段 <HEAD></HEAD> (描述文件，如「主题」)
内文区段 <BODY></BODY> (内容所在)
2、与结构相关的元素
标题 <H?></H?> (有六种：H1,H2,H3,H4,H5,H6)
例如：
<h1>H1 标签</h1>
<h2>H1 标签</h2>
<h3>H1 标签</h3>
<h4>H1 标签</h4>
<h5>H1 标签</h5>
<h6>H1 标签</h6>
标题对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区段 <DIV></DIV>
区段对齐 <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
引文区段 <BLOCKQUOTE></BLOCKQUOTE> (显示时通常会内缩)
blockquote 是用来表示区域内的文件是引用某个人或是
某份文件内的资料的。通常引用的文字如果利用<BLOCKQUOTE>
与 </BLOCKQUOTE>来将它们标记起来的话。那麽大部份的
浏览器在读这些字的时候就会以另一种方式来表示它。这
样的表示只是在提醒读者们这是引用其他人的部分。
强调 <EM></EM> (通常以斜体显示)
强烈强调 <STRONG></STRONG> (通常以黑体显示)
这一个特别加强语气的字元是 STRONG这个与 EM一样都是
加强语气的用法而已。大部份的浏览器都用粗黑体来表示
被 <STRONG> 与 </STRONG> 所标记的字。
引用语句 <CITE></CITE> (通常以斜体显示)
利用 <CITE> 与 </CITE> 将引用他人的话标记起来
程序原码 <CODE></CODE>
读者如果写的是一些电脑方面的东西，那麽可以利用CODE
这一个标签将一些相关的字眼标记起来，使用的方式也是
里用 <CODE> 与 </CODE> 将相关的字眼标记。
程序输出样本 <SAMP></SAMP>
不加修饰
在 HTML 里面，如果您想印出 HTML 的语法。那麽读者可
能需要利用一些特殊的技巧来印这些字元。而在这些字元
的外面，读者就可以利用SAMP 这一个符号将它们标记起
来喔。这一个标签的特色是被标记的文字都会用固定的宽
度来表示。
键盘输入 <KBD></KBD>
KBD 这一个标签通常是用来告知读者可以敲入哪些字，这
些被标记成 KBD的字通常都是以固定宽度的粗体字来表示。
但是有些浏览器只是以固定宽度的字元来表示而已。
程序变量 <VAR></VAR>
对於一些可能改变的字HTML里面提供了一个 VAR的标签来
展示它，这个标签的意思是对於那些可能容易改变的变数
或是字眼等等。可以使用<VAR> 及 <VAR>来标记它们。这
样可以提醒使用者这些变数可能会有所改变。
定义 <DFN></DFN> (有些浏览器无此功能)
如果读者在 HTML 里面所用到的是一些定义的字眼。那麽
读者可以考虑使用DFN这一个标签。如果读者使用Mosaic浏
览器。那麽被 <DFN> 与 </DFN>所标记起来的文字将会用
斜体字来表示。其它的浏览器则不一定。
作者地址 <ADDRESS></ADDRESS>
小字 <SMALL></SMALL>
语言 (LANG)
在一篇文件中，如果使用两种以上的语言，那麽就可以使用
<LANG>与</LANG>来将它标记起来。
作者 (AU)
<AU>与</AU>并不是表示一般的AU档案，这一个标签是说如果
在读者的文章中。有提到某些作者的话，那麽就可以利用这
一个标签将作者给标记住。
个人 (PERSON)
在很多的索引程式中，程式有时候会将一些资讯页给展示出
来，而在展示这些资讯页的时候。如果有提到一些个人的名
字。那麽就可以利用 <PERSON> 与 </PERSON>来将这些名字
给标记住。
数个单字组成的单字 (ACRONYM)
在英文中，有一些单字是由好几个单字组合而成。如果读者
碰到这种单字，读者可以考虑利用<ACRONYM>与 </ACRONYM>
标签将它们给特别的括住。
插入 (INS)
在HTML文件中，如果在原本旧有的文件中插入某个字，那麽
读者可以考虑使用 <INS> 与 </INS>来将这一些字给标记住。
这样可以方便读者在查阅的时候知道这一份文件是不是有修
正过。
删除 (DEL)
这一个语法是要来告诉读者将要删除某些字，或是一些关於
删除的部分。
下面是个简单例子：
<HTML>
<HEAD>----------------------
|
<TITLE>网页标题 }----------头部
</TITLE> |
</HEAD>---------------------
<BODY>---------------------
网页内容 }----------主体
</BODY>--------------------
</HTML>
3、与显示方式有关的标签元素
粗体 <B></B>
斜体 <I></I>
画底线 <U></U> (有些浏览器无此功能)
删除线 <STRIKE></STRIKE> (有些浏览器无此功能)
删除线 <S></S> (有些浏览器无此功能)
下标字 <SUB></SUB>
上标字 <SUP></SUP>
打字机体 <TT></TT> (空白字元与其他文元之宽度相同的字体)
依据预定格式 <PRE></PRE> (保持文字间的相对位置)
预定格式的宽度 <PRE WIDTH=?></PRE> (以字元计)
对中 <CENTER></CENTER> (文字与图形都会对中)
闪烁 <BLINK></BLINK>
字体大小 <FONT SIZE=?></FONT> (由 1到 7)
改变字体大小 <FONT SIZE="+|-?"></FONT>
基本字体大小 <BASEFONT SIZE=?> (默认值为 3)
字体颜色 <FONT COLOR="#$$$$$$"></FONT>
指定字形 <FONT FACE="***"></FONT>
多栏位 <MULTICOL COLS=?></MULTICOL>
栏位内文与边缘间隔 <MULTICOL GUTTER=?></MULTICOL> (默认值为10象素)
栏位宽度 <MULTICOL WIDTH=?></MULTICOL>
留白 <SPACER>
留白型态 <SPACER TYPE=horizontal| vertical|block>
留白大小 <SPACER SIZE=?>
留白尺寸 <SPACER WIDTH=? HEIGHT=?>
留白位置 <SPACER ALIGN=left|right|center>
4、超文本连结与图形元素
连结指定URL <A HREF="URL"></A>
连结到锚点 <A HREF="URL#***"></A> (锚点在另一份文件)
<A HREF="#***"></A> (锚点在同一文件)
连结到指定之FRAME <A HREF="URL" TARGET="***||_blank|
_self|_parent|_top"></A>
设定「锚点」 <A NAME="***"></A>
正向关连 <A REL="***"></A> (有些浏览器无此功能)
反向关连 <A REV="***"></A> (有些浏览器无此功能)
显示图形 <IMG SRC="URL">
图形位置 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
图形位置 <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|
ABSBOTTOM>
替代图形文字 <IMG SRC="URL" ALT="***"> (如果无法显示图形而显示的文字)
可点选图形 <IMG SRC="URL" ISMAP> (需要与.map文件配合)
客户端端可点选图形 <IMG SRC="URL" USEMAP="URL">
点选图名称 <MAP NAME="***"></MAP>
指定可点选区域<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
图形尺寸 <IMG SRC="URL" WIDTH=? HEIGHT=?> (以象素为单位)
描述图形显示的宽度和高度。
边线大小 <IMG SRC="URL" BORDER=?> (以象素为单位)
图形外的框线宽度。
四周留白 <IMG SRC="URL" HSPACE=? VSPACE=?> (以象素为单位)
vspace,hspace描述图形和文字的垂直和水平间隔。
低解析度图形 <IMG SRC="URL" LOWSRC="URL">
用户端定时更新 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Plug-in 物件 <EMBED SRC="URL"> (把Plug-in物件加入文件)
物件大小 <EMBED SRC="URL" WIDTH=? HEIGHT=?>
5、划分段落标签元素
段落 <P></P> (结束标记</p>通常可省略)
指定文字对齐方式<P ALIGN=LEFT|CENTER|RIGHT></P>
强迫断行 <BR>
指定断行後起点 <BR CLEAR=LEFT|RIGHT|ALL>
横线 <HR>
横线位置 <HR ALIGN=LEFT|RIGHT|CENTER>
横线厚度（向下）<HR SIZE=?> (以象素为单位)
横线长度（向右）<HR WIDTH=?> (以象素为单位)
横线比率宽度 <HR WIDTH="%"> (相对页宽的百分比)
实线 <HR NOSHADE> (无凹凸立体效果)
不可断行 <NOBR></NOBR>
可断行处 <WBR> (视需要，可在此断行)
6、列表元素<list>
无序列举 <UL><LI></UL>
简洁化 <UL COMPACT></UL>
标头符号类型<UL TYPE=DISC|CIRCLE|SQUARE> (用于所有列举项)
<LI TYPE=DISC|CIRCLE|SQUARE> (本项及其後项)
有序列举 <OL><LI></OL>
简洁化 <OL COMPACT></OL>
数字型态 <OL TYPE=A|a|I|i|1> (用於所有列举项)
<LI TYPE=A|a|I|i|1> (本项及其後项)
起始数字 <OL START=?> (用於所有列举项)
<LI VALUE=?> (本项及其後项)
定义式列举 <DL><DT><DD></DL> (<DT>=定义项目, <DD>=定义内容)
简洁化 <DL COMPACT></DL>
菜单式列举 <MENU><LI></MENU> (<LI> 放在每一列举项之前)
简洁化 <MENU COMPACT></MENU>
目录式列举 <DIR><LI></DIR> (<LI> 放在每一列举项之前)
简洁化 <DIR COMPACT></DIR>
7、背景与颜色标签元素
背景图案 <BODY BACKGROUND="URL">
背景颜色 <BODY BGCOLOR="#$$$$$$">
文字颜色 <BODY TEXT="#$$$$$$">
未连接过点颜色 <BODY LINK="#$$$$$$">
连结过点的颜色 <BODY VLINK="#$$$$$$">
正连结点的颜色 <BODY ALINK="#$$$$$$">
--
※ 来源:．BBS 荔园晨风站 bbs.szu.edu.cn．[FROM: 192.168.1.122]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店