分享
 
 
 

完整的HTML文件

王朝html/css/js·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

INTERNET的迅猛发展,让许多软件公司看到了无限的商机,纷纷开发出各种主页制作软件。为了让读者了解这些软件的特性,在学HTML代码的过程中也学会使用一些合适的工具,现在我们就来建立一个介绍主页制作软件的网站,讲解网站制作。

index.html

<HTML>

<HEAD>

<TITLE>主页制作软件介绍</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

输入上面的代码,存盘。因为这一页是我们网站的首页,我们想浏览者输入我们的网址后,就显示这一页的内容,所以我们把这个文件设为默认文档,文件名为index.html,也可为index.htm。

字体和段落

FONT, PRE, STRONG, EM, B, I, Hx, P

段落

现在加入一些实质性的内容。在<BODY>和</BODY>之间加入:

如果愚公有推土机的话,也许到他孙子那辈,就可以把太行、王屋二山移走了,不必等到“子子孙孙,无穷尽矣”。同样,虽然用记事本就可以写出主页来,但是好的主页制作软件却可以让你工作起来轻松自如,事半功倍。

去yahoo查找一下主页制作软件(HTML EDITOR),其结果让人目瞪口呆。INTERNET所蕴藏的无尽商机让众多软件开发商蜂拥而上,极力争取分一勺羹。庆幸的是,这些软件一般都是可以免费得到或试用的,你可以试用几个,从中发现符合你的要求的软件。这当然要花一些时间,包括那段揪人肺腑的需要付费的上网下载时间。

本站主要介绍几个当前流行的主页制作软件,对比它们的优缺点,帮助读者选择自己的软件。

源代码应该是:

还记得小学语文老师的话吗?“当文章的内容出现变化时,要另起一段;段落的开头空两格。”显然这篇用HTML作的文章要不及格的。怎么会这样?原来,HTML忽略源代码里面的回车和连续空格,而必须用专门的标记安排段落格式。

<P>

段落的标记是<P></P>,中间是一段的内容。</P>可以省略,因为HTML碰到下一个<P>就知道另起一段了。

在每一段的开头加上<P>。

P的属性

P的一个基本属性是ALIGN(对齐),可以有LEFT(左)、CENTER(中间)、RIGHT(右)几个值,默认值是LEFT。

<p align="left">左对齐段落。

<p align="center">居中段落。

<p align="right">右对齐段落。

空格

空格是一个特殊字符。HTML用&加字符串表示一些特殊字符。空格是“&nbsp; ”。

一个汉字要占2个英文字符的大小,空2个汉字的位置就需要加4个“&nbsp; ”。

现在的效果就比较满意了。

特殊段落

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>的地方换行,这样就可以保证每句诗在一行里。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有