如何消除图像之间的空间?

时间:2013-07-22 21:49:02

标签: html

我是新来的,我想写自己的网站。我现在不使用CSS,但是一旦我弄清楚它是如何工作的,我想在将来使用它。

    <html>
<head>
<title>Welcome to Nielyboyken</title>
</head>

<body bgcolor="grey">
</p><a target="_blank" href="http://minus.com/lbg3tjE57KYsx1"><img src="http://i.minus.com/jbg3tjE57KYsx1.png" border="0"/></a><a target="_blank" href="http://minus.com/lp2vEndNDv7vj"><img src="http://i.minus.com/jp2vEndNDv7vj.png" border="0"/></a>
<br><img src="http://i.minus.com/iI7VEHhLP3WyV.png"</a> <center><font style="font-family: Fixedsys;font-size: 35px;color:blue">Welcome to this mini-forum!</font></center>
<br><a target="_blank" href="http://minus.com/lbfBWr7hEsMtsT"><img src="http://i.minus.com/jbfBWr7hEsMtsT.png" border="0"/></a><center><font style="font-family:Fixedsys;color:white">Welcome to this mini-forum. Notice that this is not a forum site but just a personal site.</font></center>
<br><a target="_blank" href="http://minus.com/lb0OadHbWfnpew"><img src="http://i.minus.com/jb0OadHbWfnpew.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lbhDDFKmGlL4rk"><img src="http://i.minus.com/jbhDDFKmGlL4rk.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lMNcGJ5Bjwvx4"><img src="http://i.minus.com/jMNcGJ5Bjwvx4.png" border="0"/></a>
<br><img src="http://i.minus.com/i6nJ7Pg8kUfqo.png"</a>
<br><a target="_blank" href="http://minus.com/lFNcJv4UvSdye"><img src="http://i.minus.com/jFNcJv4UvSdye.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lshbphpEbNRi2"><img src="http://i.minus.com/jshbphpEbNRi2.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lhJnSHKv3vAco"><img src="http://i.minus.com/jhJnSHKv3vAco.png" border="0"/></a>

</body>
</html>

图像必须保持在左侧彼此之下。 当我尝试写东西并将其居中时,我会得到更大的空间。

1 个答案:

答案 0 :(得分:0)

两个div,并排使用float。 Here is a link to where I took a shot

以下是代码:

<html>
<head>
<title>Welcome to Nielyboyken</title>
</head>

<body bgcolor="grey">
<style>
#header{
width:100%;
margin 0 auto;
}
#wrapper{
width:100%;
float:left;
}
#left{
width:15%;
float:left;
}

#right{
width:500px;
float:left;
text-align:center;
}

</style>
<div id="header"><a target="_blank" href="http://minus.com/lbg3tjE57KYsx1"><img src="http://i.minus.com/jbg3tjE57KYsx1.png" border="0"/></a><a target="_blank" href="http://minus.com/lp2vEndNDv7vj"><img src="http://i.minus.com/jp2vEndNDv7vj.png" border="0"/></a>
<br><img src="http://i.minus.com/iI7VEHhLP3WyV.png"</a>
</div>

<div id="wrapper">

<div id="left">
<a target="_blank" href="http://minus.com/lbfBWr7hEsMtsT"><img src="http://i.minus.com/jbfBWr7hEsMtsT.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lb0OadHbWfnpew"><img src="http://i.minus.com/jb0OadHbWfnpew.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lbhDDFKmGlL4rk"><img src="http://i.minus.com/jbhDDFKmGlL4rk.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lMNcGJ5Bjwvx4"><img src="http://i.minus.com/jMNcGJ5Bjwvx4.png" border="0"/></a>
<br><img src="http://i.minus.com/i6nJ7Pg8kUfqo.png"</a>
<br><a target="_blank" href="http://minus.com/lFNcJv4UvSdye"><img src="http://i.minus.com/jFNcJv4UvSdye.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lshbphpEbNRi2"><img src="http://i.minus.com/jshbphpEbNRi2.png" border="0"/></a>
<br><a target="_blank" href="http://minus.com/lhJnSHKv3vAco"><img src="http://i.minus.com/jhJnSHKv3vAco.png" border="0"/></a>
</div>
<div id="right">
<font style="font-family: Fixedsys;font-size: 35px;color:blue">Welcome to this mini-forum!</font>
</div>
</div>



</body>
</html>