HTML教程入门
[摘 要]
我们了解了HTML的基本结构以及元素,这一谭我们就要开始HTML语言的深入学习了。我们从今天开始慢慢建立一个网站,在网站的建立过程中,讲解HTML语言。
空格
空格是一个特殊字符。HTML用&加字符串表示一些特殊字符。空格是“ ”。
一个汉字要占2个英文字符的大小,空2个汉字的位置就需要加4个“ ”。
现在的效果就比较满意了。
特殊段落
PRE
ADDRESS
HR
标题
虽然读者可以根据浏览器标题栏显示的TITLE里的内容,知道你的主页的标题。但是由于内容大多在浏览器窗口的客户区内,所以在BODY部分加上一个标题,可以让人一目了然。
紧跟着<BODY>加上一句:
主页制作软件介绍
标题的字自然要大一些,就像MICROSOFT WORD里为标题专门定义了几个格式一样,HTML有几个标记是定义标题字体大小的,即<Hx></Hx>,其中x的取值可以从1到6,总共有6级。
------------------------------------------------------------
<H1>标题1</H1>
<H2>标题2</H2>
<H3>标题3</H3>
<H4>标题4</H4>
<H5>标题5</H5>
<H6>标题6</H6>
-------------------------------------------------------------
不必添加<P>,<Hx></Hx>里的文字都是自成一段。而且,Hx标记也有ALIGN属性,其设置和<P>一样。
现在把标题设置成H1的格式,即:
<H1 ALIGN="center">主页制作软件介绍</H1>
换行
<BR>
你可以看到,在有<P>的地方,HTML空了一行的位置,然后再开始下一段。如果我想写一首诗或一段歌词,就要在一个段落里换行,这样的间隔就太大了。可以用<BR>来实现,如:
------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
床前明月光,<br>
疑是地上霜。<br>
举头望明月,<br>
低头思故乡。<br>
</BODY>
</HTML>
------------------------------------------------------------
<NOBR>
我们来考虑一下另外一个极端。这首诗的一行比较短,而有些歌词的一行可能要很长。当浏览器的宽度达不到时,就会自动换行。而我不想这样,我想保证这一行在同一行内显示,即使浏览器需要水平滚动条。只要把这一行用<NOBR></NOBR>包含起来就行了。
------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
<NOBR>床前明月光,</NOBR><br>
<NOBR>疑是地上霜。</NOBR><br>
<NOBR>举头望明月,</NOBR><br>
<NOBR>低头思故乡。</NOBR><br>
</BODY>
</HTML>
------------------------------------------------------------
<WBR>
如果希望在<NOBR></NOBR>对里几个固定的地方可以换行,可以用<WBR>。
-------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
<NOBR>
床前明月光,<wbr>
疑是地上霜。<wbr>
举头望明月,<wbr>
低头思故乡。<wbr>
</NOBR>
</BODY>
</HTML>
------------------------------------------------------------
当窗口宽度足够宽时,这四句诗在一行里显示。如果不行,就会在有<wbr>的地方换行,这样就可以保证每句诗在一行里。如下四幅图所示:
[摘 要]
我们了解了HTML的基本结构以及元素,这一谭我们就要开始HTML语言的深入学习了。我们从今天开始慢慢建立一个网站,在网站的建立过程中,讲解HTML语言。
空格
空格是一个特殊字符。HTML用&加字符串表示一些特殊字符。空格是“ ”。
一个汉字要占2个英文字符的大小,空2个汉字的位置就需要加4个“ ”。
现在的效果就比较满意了。
特殊段落
PRE
ADDRESS
HR
标题
虽然读者可以根据浏览器标题栏显示的TITLE里的内容,知道你的主页的标题。但是由于内容大多在浏览器窗口的客户区内,所以在BODY部分加上一个标题,可以让人一目了然。
紧跟着<BODY>加上一句:
主页制作软件介绍
标题的字自然要大一些,就像MICROSOFT WORD里为标题专门定义了几个格式一样,HTML有几个标记是定义标题字体大小的,即<Hx></Hx>,其中x的取值可以从1到6,总共有6级。
------------------------------------------------------------
<H1>标题1</H1>
<H2>标题2</H2>
<H3>标题3</H3>
<H4>标题4</H4>
<H5>标题5</H5>
<H6>标题6</H6>
-------------------------------------------------------------
不必添加<P>,<Hx></Hx>里的文字都是自成一段。而且,Hx标记也有ALIGN属性,其设置和<P>一样。
现在把标题设置成H1的格式,即:
<H1 ALIGN="center">主页制作软件介绍</H1>
换行
<BR>
你可以看到,在有<P>的地方,HTML空了一行的位置,然后再开始下一段。如果我想写一首诗或一段歌词,就要在一个段落里换行,这样的间隔就太大了。可以用<BR>来实现,如:
------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
床前明月光,<br>
疑是地上霜。<br>
举头望明月,<br>
低头思故乡。<br>
</BODY>
</HTML>
------------------------------------------------------------
<NOBR>
我们来考虑一下另外一个极端。这首诗的一行比较短,而有些歌词的一行可能要很长。当浏览器的宽度达不到时,就会自动换行。而我不想这样,我想保证这一行在同一行内显示,即使浏览器需要水平滚动条。只要把这一行用<NOBR></NOBR>包含起来就行了。
------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
<NOBR>床前明月光,</NOBR><br>
<NOBR>疑是地上霜。</NOBR><br>
<NOBR>举头望明月,</NOBR><br>
<NOBR>低头思故乡。</NOBR><br>
</BODY>
</HTML>
------------------------------------------------------------
<WBR>
如果希望在<NOBR></NOBR>对里几个固定的地方可以换行,可以用<WBR>。
-------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>静夜思</TITLE>
</HEAD>
<BODY>
<NOBR>
床前明月光,<wbr>
疑是地上霜。<wbr>
举头望明月,<wbr>
低头思故乡。<wbr>
</NOBR>
</BODY>
</HTML>
------------------------------------------------------------
当窗口宽度足够宽时,这四句诗在一行里显示。如果不行,就会在有<wbr>的地方换行,这样就可以保证每句诗在一行里。如下四幅图所示: