您好!欢迎你光临HTML入门及实例(三)_佳人有约!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习园地>>>HTML知识>>>HTML入门及实例(三)
HTML入门及实例(三)
发表日期:2006/2/24 12:43:00 出处:未知 作者:未知 发布人:maizi1020 已被访问 505

HTML入门及实例
(三)

  HTML入门及实例(二)中我们对HTML作用的一些基本方法作了介绍,下面我们将分类介绍有关HTML知识:

关于使用文字的有关知识:

 

标题
  一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,
其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有
等级的标题:

〈H1>…</H1>     第一级标题
〈H2>…</H2>     第二级标题
〈H3>…</H3>     第三级标题
〈H4>…</H4>     第四级标题
〈H5>…</H5>     第五级标题
〈H6>…</H6>     第六级标题
请看下面的例子:
<html>
<head>
<title>标题示例</title>
</head>
<body>
〈H1>一级标题</H1>
〈H2>二级标题</H2>
〈H3>三级标题</H3>
〈H4>四级标题</H4>
〈H5>五级标题</H5>
〈H6>六级标题</H6>
</body>
</html>

换行<br>
  在编写HTML文件时,览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩
小时,浏览器会自动将右边的文字转折至下一行。编写者对于自己需要断行的地方,
应加上<br>标签。


段落标签<P>
  为了排列的整齐、清晰,文字段落之间,常用<P></P>来做标记。文件段落的开始
由<P>来标记,段落的结束由</P>来标记,</P>是可以省略的,因为下一个<P>的开始就
意味着上一个<P>的结束。
  <P>标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、
LEFT、RIGHT三种。
  例:
<body>
<P ALIGN=CENTER>
浣溪沙 <P>一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。<P>无可奈何花落去,
似曾相识燕归来。小园香径几徘徊。</P>
</body>
</html>

水平线段<HR>
  这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。属性:
   size 水平线的宽度
   width 水平线的长,用占屏幕宽度的百分比或象素值来表示
   align 水平线的对齐方式,有LEFT RIGHT CENTER三种
   noshade 线段无阴影属性,为实心线段


文字的大小设置
  提供设置字号大小的是FONT,FONT有一个属性SIZE,通过指定SIZE属性就能设
置字号大小,而SIZE属性的有效值范围为1-7,其中缺省值为3。我们可以SIZE属性
值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。
  例:
<html>
<head>
<title>字号大小</title>
</head>
<body>
<font size=7>这是size=7的字体</font><P>
<font size=6>这是size=6的字体</font><P>
<font size=5>这是size=5的字体</font><P>
<font size=4>这是size=4的字体</font><P>
<font size=3>这是size=3的字体</font><P>
<font size=2>这是size=2的字体</font><P>
<font size=1>这是size=1的字体</font><P>
<font size=-1>这是size=-1的字体</font><P>
</body>
</html>

文字的字体与样式
  HTML4.0提供了定义字体的功能,用FACE属性来完成这个工作。FACE的属性值可
以是本机上的任一字体类型,但有一点,只有对方的电脑中装有相同的字体才可以在
他的浏览器中出现你预先设计的风格。
  <font face="字体">
  例:
<HTML>
<HEAD>
<TITLE>字体</TITLE>
</HEAD>
<BODY>
<CENTER>
<FONT face="楷体_GB2312">欢迎光临</FONT><P>
<FONT face="宋体">欢迎光临</FONT><P>
<FONT face="仿宋_GB2312">欢迎光临</FONT><P>
<FONT face="黑体">欢迎光临</FONT><P>
<FONT face="Arial">Welcom my homepage.</FONT><P>
<FONT face="Comic Sans MS">Welcom my homepage.</FONT><P>
</CENTER>
</BODY>
</HTML>
  

<B>     </B>    粗体   
<I>     </I>    斜体   
<U>     </U>    加下划线 
<TT>     </TT>    打字机字体
<BIG>    </BIG>   大型字体
<SMALL>   </SMALL>  小型字体
<BLINK>   </BLINK>  闪烁效果
<EM>     </EM>    表示强调,一般为斜体
<STRONG>   </STRONG>  表示特别强调,一般为粗体
<CITE>    </CITE>   用于引证、举例,一般为斜体

例:

<html>
<head>
<title>字体样式</title>
</head>
<body>
<B>黑体字</B>
<P> <I>斜体字</I>
<P> <U>加下划线</U>
<P> <BIG>大型字体</BIG>
<P> <SMALL>小型字体</SMALL>
<P> <BLINK>闪烁效果</BLINK>
<P><EM>Welcome</EM>
<P><STRONG>Welcome</STRONG>
<P><CITE>Welcom</CITE></P>
</body>
</html>

文字的颜色
  文字颜色设置格式如下:
   <font color=color_value>…</font>
   这里的颜色值可以是一个十六进制数(用“#”作为前缀),也可以是以下16种颜
     色名称。
Black = "#000000"
Green = "#008000"
Silver = "#C0C0C0"
Lime = "#00FF00"
Gray = "#808080"
Olive = "#808000"
White = "#FFFFFF"
Yellow = "#FFFF00"
Maroon = "#800000"
Navy = "#000080"
Red = "#FF0000"
Blue = "#0000FF"
Purple = "#800080"
Teal = "#008080"
Fuchsia = "#FF00FF"
Aqua = "#00FFFF"


<HTML>
<HEAD>
<TITLE>文字的颜色

黑体字

斜体字

加下划线

大型字体

小型字体

闪烁效果

Welcome

Welcome

Welcom

</TITLE>
</HEAD>
<BODY BGCOLOR=000080>
<CENTER>
<FONT COLOR=WHITE>色彩斑斓的世界</FONT><BR>
<FONT COLOR=RED>色彩斑斓的世界</FONT> <BR>
<FONT COLOR=#00FFFF>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#FFFF00>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#FFFFFF>色彩斑斓的世界</FONT> <BR>
<FONT COLOR=#00FF00>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#C0C0C0>色彩斑斓的世界</FONT><BR>
</CENTER>
</BODY>
</HTML>

位置控制
  通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示
向右对齐,CENTER表示居中。基本语法如下:
  <DIV ALIGN=#>   #=left/right/center
  另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

佳人有约 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:麦子.永恒

琼icp备09005167