我正在创建一个网站,我正在使用MacBook Pro进行编码。保存文件对我来说是新鲜的,但基本上我打开了TextEdit,当保存文件时,我把它们放在文件扩展名.html而不是文件扩展名.txt。我按顺序分别有五个文件标记为主页,关于,服务,投资组合和联系人。
现在,我的主页很容易打开。它真的很简单,我很困惑,我搞砸了。文件homepage.html
显示一个简单的标题和一个无序列表,一旦我进入网站的CSS部分,它将作为导航栏。当我拉出about页面时,它只显示正确的标题,以及无序列表中的一个点,后跟ZERO信息。
我在想我们保存的文件是怎样的?但这没有意义,因为主页以完全相同的方式保存,以相同的格式,并且它拉起来。代码基本上与不同的标题和标题相同。这是五个网页之间的唯一区别。
无论如何,代码是:
<!DOCTYPE html>
<html>
<title>Designs by Dante - About Me</title>
<body>
<h2>About Me</h2>
<ul id =“navigation”>
<li><a href="www.designsByDante.com/homepage.html”>Home</a></li>
<li><a href=“www.designsByDante.com/about.html”>About</a></li>
<li><a href=“www.designsByDante.com/services.html”>Services</a></li>
<li><a href=“www.designsByDante.com/portfolio.html”>Portfolio</a></li>
<li><a href=“www.designsByDante.com/contact.html”>Contact</a></li>
</ul>
</body>
</html>
简单,对吧?
有人可以解释一下我做错了什么吗?
提前致谢。
答案 0 :(得分:2)
你应该试试这个
<html>
<title>Designs by Dante - About Me</title>
<body>
<h2>About Me</h2>
<ul id ="navigation">
<li><a href="http://www.designsByDante.com/homepage.html">Home</a> </li>
<li><a href="http://www.designsByDante.com/about.html">About</a></li>
<li><a href="http://www.designsByDante.com/services.html">Services</a></li>
<li><a href="http://www.designsByDante.com/portfolio.html">Portfolio</a></li>
<li><a href="http://www.designsByDante.com/contact.html">Contact</a> </li>
</ul>
</body>
</html>
答案 1 :(得分:0)
你使用错误的引号 - 使用“而不是”。也许你的文本编辑器会自动替换它们。
答案 2 :(得分:0)
将双引号用作"
而不是”
。
原因是URL上的/
www.designsByDante.com * / * contact.html
如果网址没有/它会正常工作。
如果您使用过某些HTML代码编辑器或IDE,那么您很容易发现错误的语法突出显示。
答案 3 :(得分:0)
使用带有链接的协议 - “http://”或“https://”。 另外,正如其他人所说,使用双引号 - “。
答案 4 :(得分:-3)
嘿,这可能就像它应该是什么样的
<title>Designs by Dante - About Me</title>
<body>
<h2>About Me</h2>
<ul id =“navigation”>
<li><a href='www.designsByDante.com/homepage.html'>Home</a></li>
<li><a href='www.designsByDante.com/about.html'>About</a></li>
<li><a href='www.designsByDante.com/services.html'>Services</a></li>
<li><a href='www.designsByDante.com/portfolio.html'>Portfolio</a></li>
<li><a href='www.designsByDante.com/contact.html'>Contact</a></li>
</ul>
</body>
</html>