Question

我希望将超链接放在不同的地方。如何将google.com链接移至页面上的其他位置？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Randy's first html web page !</title>
<style type="text/css">
body
{background-image:url('Koala.gif');} 
h1
{
text-align:center; 
font-size:500%;
}
h2
{
text-align:center;
font-size:250%;
}
p
{
text-align:center;
font-size:200%;
color:#00fff0;
}
div
{
background-color:#efffff;
}
a 
{
text-align:center;
}
th
{
background-color:green;
}
tr  
{
background-color:green;
}
table 
{ 
width: 200px; 
margin-left: auto; 
margin-right: auto; 
}
</style>
</head>
<h1> Hello Professor</h1>
<h2> By: Randy White</h2>
<P> It's getting better as the term goes on.</P> 
<P>Week 2</P>
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1">
<tr>
<th>Month</th>
<th>Day</th>
<th>Year</th>
 </tr>
<tr>
<td>December</td>
<td>13</td>
<td>2010</td>
 </tr>
 </table>
 <a href="http://www.google.com">Visit Google!</a> 
</body>
</html>

Answer 1

我认为您对css定位感兴趣。看看这个：http://www.barelyfitz.com/screencast/html-training/css/positioning/

Answer 2

body {
  margin: auto;
}

Answer 3

在你的CSS中，添加：

#google-link {
    text-align: center;
}

这会对齐中间的文字。

在您的HTML中，将Google链接更改为：

<div id="google-link"><a href="http://www.google.com">Visit Google!</a></div>

使用google-link id标记div，从而获得上述样式。样式实际上影响div的内容，将它们与中心对齐。 div本身就是页面的宽度。

Answer 4

你的html缺少一个开头＆lt;体＆GT;标签<！/ LI>
添加“text-align：center;”给你的身体标签css。

我希望超链接位于不同的位置

4 个答案: