一起来IT论坛

首页 » 一起来学习 » 电脑技术 » 【转帖】网页基础
游戏人生 - 2007-6-26 13:43:00
最近在学习网页设计,和大家分享一下吧!让我门从基础的HTML开始一起学习:
    当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。 

  HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。 

HTML文件基本架构 

<HTML> 文件开始 
<HEAD> 标头区开始 
<TITLE>...</TITLE> 标题区 
</HEAD> 标头区结束 

<BODY> 本文区开始 
本文区内容 
</BODY> 本文区结束 

</HTML> 文件结束 


<HTML> 网页文件格式。 
<HEAD> 标头区 : 记录文件基本资料,如作者、编写时间。 
<TITLE> 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。 
<BODY> 本文区 : 文件资料,即在浏览器上看到的网站内容。 

  注意事项 

  通常一份HTML网页文件包含二个部份 : <HEAD>...</HEAD> 标头区、 <BODY>...</BODY> 本文区。而 <HTML> 和 </HTML> 代表网页文件格式。 

  习惯上一个网站的首页名称通常订为 index.htm 或 index.html 这样只要浏览网站,浏览器便会自动的找出 index.htm 文件。
游戏人生 - 2007-6-26 13:43:00
常用字体标记 

<Hn>...</Hn> 标题 ,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。 
如 : <H2> 标题 </H2> 

标题 
如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 ) 
标题 
<B>...</B> 粗体字 。 
如 : <B> 粗体字 </B> 

粗体字 
 
<I>...</I> 斜体字 。 
如 : <I> 斜体字 </I> 
斜体字 
 
<U>...</U> 加底线 。 
如 : <U> 加底线 </U> 
加底线 
 
<DEL>...</DEL> 横线 ( 表示删除 )。 
如 : <DEL> 横线 </DEL> 
横线 
 
<TT>...</TT> 打字体 ( 固定宽度文字 )。 
如 : <TT> 打字体 </TT> 
打字体 
 
<SUP>...</SUP> 上标字 。 
如 : 字体 <SUP> 上标字 </SUP> 
字体 上标字 
 
<SUB>...</SUB> 下标字 。 
如 : 字体 <SUB> 下标字 </SUB> 
字体 下标字 
 
<!...> 注解 ( 不会显示在浏览器上 ),可以多行。 

如 : <! 更新日期 : 2000/1/1> 
 

设定字体大小、颜色、字型 

有关设定文字的方法共有以下几种 : 

1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。 


   如 : <BODY TEXT=RED>...</BODY> 或 
<BODY TEXT=#FF0000>...</BODY> 

2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。 

3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。 

<BASEFONT>...</BASEFONT> 设定基本字体 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。 
如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT> 
基本字体大小为 4 

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT> 
设定颜色 

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT> 
设定字型 
 
<BIG>...</BIG> 基本字体加大 。 
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT> 
<BIG> 加大为 5 </BIG> 
基本字体大小为 4, 加大为 5 
 
<SMALL>...</SMALL> 基本字体减小 。 
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT> 
<SMALL> 减小为 3 </SMALL> 
基本字体大小为 4, 减小为 3 
 
<FONT>...</FONT> 设定字体大小、颜色、字型 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。 
如 : <FONT SIZE=4> 字体大小为 4 </FONT> 
字体大小为 4 

如 : <BASEFONT SIZE=4> 基本字体大小为 4 
<FONT SIZE=+1> +1字体大小为 5 </FONT> 
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT> 
基本字体大小为 4 
+1字体大小为 5 
-2字体大小为 2 


如 : <FONT COLOR =#FF0000> 设定颜色 </FONT> 
设定颜色 

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT> 
设定字型 
 

  注意事项 

  1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4> 
和 相对SIZE 如 : <FONT SIZE=+1> ( 以 BASEFONT 设定的字体大小做加减 )。 

  2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。 
十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。 

  3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。
170BT - 2007-6-28 9:57:00
偶尔用几个代码
1
查看完整版本: 【转帖】网页基础