问:我似乎无法弄清楚如何修复联系页面。我一直在</ footer>部分附近的底部出现错误,这现在导致我的联系信息部分加载。
我浏览了一些视频,甚至是重做部分,但仍然有误。
完整的html文件是
<!DOCTYPE html> <html> <head> <meta charset +“ utf-8”> <title> Joshua Wynns | 设计器</ title> <link rel =“ stylesheet” href =“ css / normalize.css”> <link href ='https://fonts.googleapis.com/css?family = News + Cycle:400,700 | Pontano + Sans | Open + Sans:400,400italic,700,700italic,800 | Roboto | Changa + One'rel ='stylesheet'type ='text / css'> <link rel =“ stylesheet” href =“ css / main.css”> < / head> <body> <header> <a href="index.html" id="logo"> <h1> Joshua Wynns </ h1> <h2> Designer </ h2> </a> <nav> <ul > <li> <a href="index.html">投资组合</a> </ li> < li> <a href="about.html">关于</a> </ li> <li> <a href="Contact.html" class="selected">联系人</a> </ li> </ ul> </ nav> </ header> <div id =“ gallery”> <section> <h3>常规信息</ h3> <p>我目前正在寻找新的设计作品,并且可以进行演讲和演出。类似的活动。如有任何疑问,请随时与我联系!</ p> <p>请仅使用电话联系进行紧急查询。否则,电子邮件是联系我的最佳方式</ p> </ section> <h3>联系方式</ h3> <ul class =“ contact-info”> <li class =“ phone”> <a href =“电话:xxxx@gmail.com </a> </ li> <li class =“ xxx”> <a href="http://xxx.com/intent/tweet? screen_name=16socks> @ 16socks </a> </ </ li> </ ul> </ section> <footer> <a href="http://xxx.com/16socks"> <img / xxx-wrap.png“ alt =” xxx徽标“ class =” social-icon “> </a> <a href="http://facebook.com/16socks"> <img src =” img / facebook-wrap.png“ alt =” facebook徽标“ class =” social-icon“> < / a> <p>©2015 Joshua Wynns </ p> </ footer> </ div> </ body> </
html>
答:您好兄弟,您犯了两个错误
您还没有在第一个结束部分标签之后放置一个开始部分标签。
您尚未将第三个列表项的右引号与“ twitter”类一起使用。正确的代码应如下所示:<blockquotes> HTML <section> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:555-6425">555-6425</a></li> <li class="mail"><a href="mailto:josh1132003@gmail.com">josh1132003@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?" screen_name=16socks>@16socks</a></li> </ul> </section> </ blockquotes>