2010-12-14 5 views
0

ハイパーリンクを別の場所に置くことを検討しています。 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> 
+1

:CTRL-X、CTRL-V – miku

+0

私はCSSに新しいですし、文書内の別の場所/貼り付け、それを切断することにより – user770022

+0

私は良くなっていますが、私はまだいくつかの問題を抱えていない冗談? – David

答えて

0

:これを見てください

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

これは、中央に内側にテキストを整列します。あなたのHTMLで

が、これにGoogleのリンクを変更します。

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

divがそれを上記のスタイルを取得し、GoogleのリンクID、タグ付けされます。スタイルは実際にdivの内容に影響を与え、中心に合わせます。 div自体はページの幅です。

+0

thatsそれを持って – user770022

+1

@randy:あなたは何でもうれしいことです。あなたは開口部がありませんタグ – Gerrat

+0

あなたはそれを見てもらえますか?良いキャッチ、@ジェラート - 私はそれを完全に光栄に思った。 –

0
body { 
    margin: auto; 
} 
0
  1. お客様のHTMLには、開封< body>タグがありません!
  2. "text-align:center;"を追加します。 bodyタグのためのあなたのCSSに。
要するに
関連する問題