在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编码中的链接问题

回答

相关问题