在html編碼中的鏈接問題

我在我的一個html網頁中編碼，正在干擾代碼中的一行。我有一個社交媒體按鈕，它有一個鏈接到Youtube頁面的鏈接，但鏈接不僅適用於按鈕，而且它也使鏈接下方的線條成爲鏈接。另外似乎有一條線貫穿我的社交媒體圖標，我不確定這是爲什麼。任何幫助表示讚賞。在html編碼中的鏈接問題

<!DOCTYPE html> 
 
<body class="contact"> 
 

 
<html> 
 

 
    <title>TekMillion - Contact</title> 
 

 
<p style="text-align:center;"><img src="images/TEKMILL%20logo%20RESIZE.png" alt="Tekmill Logo" width="839" height="322"></center></p> 
 

 
<link rel="stylesheet" href="stylesheet.css"> 
 

 
<HR> 
 

 
<nav> 
 
    <ul> 
 
     <li><a href="index.html">Home</a></li> 
 
\t \t <li><a href="videos.html">Videos</a></li> 
 
\t \t <li><a href="about.html">About</a></li> 
 
\t \t <li><a href="merchandise.html">Shop</a></li>    
 
\t \t <li><a href="contact.html">Contact</a></li> 
 
\t \t <li><a href="gallery.html">Gallery</a></li> 
 
\t \t <li><a href="#">Albums</a></li> 
 
    </ul> 
 
</nav> 
 
<HR> 
 

 
<div class="container"> 
 
</br> 
 

 
<form action="form.php" method="post" enctype="multipart/form-data"> 
 
\t   
 
\t   <h1 class="title"><center>Contact US</h1></center> 
 
\t   
 
\t \t  <label></label> 
 
\t \t  <input name="name" required="required" placeholder="Your Name"> 
 
\t \t  
 
\t \t    
 
\t \t  <label></label> 
 
\t \t  <input name="email" type="email" required="required" placeholder="Your Email"> 
 
\t \t    
 
\t \t  
 
\t \t  <label></label> 
 
\t \t  <textarea name="message" cols="20" rows="5" required="required" placeholder="Message"></textarea> 
 
\t \t  
 
\t \t  \t \t  
 
\t \t  <center><input id="cancel" name="cancel" value="Cancel" /> 
 
\t \t    
 
\t \t  <input id="submit" name="submit" type="submit" value="Submit"></center> 
 
\t   
 
\t  </form> 
 
</br> 
 
</br> 
 
<span class="textformat1"><center><b>Social Media</span></center></b> 
 
</br> 
 
<center> 
 
<a href="https://twitter.com/tekmill"> <img src="socialmedia/twitter.jpg" align="middle" alt="Instagram" width="80" height="80"> 
 
<a href="https://www.facebook.com/TekMillMusic"> <img src="socialmedia/facebook.jpg" align="middle" alt="Facebook" width="80" height="80"> 
 
<a href="https://plus.google.com/+TekMillMusic/videos"> <img src="socialmedia/googleplus.jpg" align="middle" alt="Google Plus" width="80" 
 
height="80"> 
 
<a href="https://soundcloud.com/tekmill"> <img src="socialmedia/soundcloud.jpg" align="middle" alt="Soundcloud" width="80" height="80"> 
 
<a href="https://youtube.com/tekmillmusic"> <img src="socialmedia/youtube.jpg" align="middle" alt="Youtube" width="80" height="80"> 
 
</center> 
 
</br> 
 
</div> 
 
</html> 
 
<hr> 
 
</body>

link problem

感謝。

來源

2015-12-22 Mohamed

這是因爲您還沒有關閉您的a標籤。

嘗試

<a href="https://twitter.com/tekmill"> <img src="socialmedia/twitter.jpg" align="middle" alt="Instagram" width="80" height="80"></a> 
<a href="https://www.facebook.com/TekMillMusic"> <img src="socialmedia/facebook.jpg" align="middle" alt="Facebook" width="80" height="80"></a> 
<a href="https://plus.google.com/+TekMillMusic/videos"> <img src="socialmedia/googleplus.jpg" align="middle" alt="Google Plus" width="80" height="80"></a> 
<a href="https://soundcloud.com/tekmill"><img src="socialmedia/soundcloud.jpg" align="middle" alt="Soundcloud" width="80" height="80"></a> 
<a href="https://youtube.com/tekmillmusic"><img src="socialmedia/youtube.jpg" align="middle" alt="Youtube" width="80" height="80"></a>

注意</a>在每一行的末尾。

來源

2015-12-22 04:59:06 JosephGarrone

關閉a標籤和define您a標籤displayinline-block財產像這樣

<a href=""></a> 

a{display:inline-block;vertical-align:top;}

來源

2015-12-22 05:00:31

你不關閉任何您的錨標記的...

<a href="https://twitter.com/tekmill"> <img src="socialmedia/twitter.jpg" align="middle" alt="Instagram" width="80" height="80">

應是...

<a href="https://twitter.com/tekmill"> <img src="socialmedia/twitter.jpg" align="middle" alt="Instagram" width="80" height="80"> </a>

瀏覽器將下一個A標籤解釋爲上一個A標籤的結尾，因此您只能在最後一個標籤上注意到這一點。

來源

2015-12-22 05:01:22 Quantumplate

<style type="text/css"> 
.container a{ 

    text-decoration-line: unset; 
} 
</style>

來源

2015-12-22 05:09:11 Samyappa

在html編碼中的鏈接問題

回答

相關問題