Question

我是htlm / css的新手，我正在制作我的第一个网站而且我无法找出一些东西。

我在dreaweaver工作的第一个...在Dreamweaver中，一切看起来都不错，但是当我预览时我错过了正确的字体（我的主文件夹中有字体otf。），背景，不知怎的，我得到了一个不需要的链接我的页脚。

提前感谢您的所有产品。

HTML

<!doctype html>
<html>
<head>
<link href="css1.css" rel="stylesheet" type="text/css">

<div>
<li>

<a href="projects.html"</a>
<img src="lg.png" width="600" height="593" alt=""/>

</li>
<div>


<meta charset="utf-8">
<title>mtp</title>
</head>

<body>
</body>
</html>


<footer >Coypright 2016 Matic Toni</footer>

CSS

@charset "utf-8";
div {
text-align: center;
padding-bottom: 30px;
}
body {
background-image: url(background.jpg);
background-sizce: cover;
}

footer {
font-family:"Proxima Nova ScOsf ExCn Rg"
text-align: center;
clear: both;
background-color: #000000;
bottom: 100px;
color: #BDBDBD;
font-size: x-small;
margin-top: 5%;
margin-right: 5%;
margin-bottom: 5%;
margin-left: 5%;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

Answer 1

确保您的开始和结束标记完整。这里有一条违规行：

<a href="projects.html"</a>
<img src="lg.png" width="600" height="593" alt=""/>

修复方法如下：

<a href="projects.html">
    <img src="lg.png" width="600" height="593" alt=""/>
</a>

话虽这么说，你的HTML格式错误。确保您匹配所有开始和结束标记。元素应该形成树状结构。

Here is a codepen with the html fixed

<!doctype html>
<html>

<head>
  <link href="css1.css" rel="stylesheet" type="text/css">
  <meta charset="utf-8">
  <title>mtp</title>
</head>

<body>
  <div>
    <ul>
      <li>
        <a href="projects.html">
          <img src="lg.png" width="600" height="593" alt="" />
        </a>
      </li>
    </ul>
  </div>
  <footer>Coypright 2016 Matic Toni</footer>
</body>

</html>

遇到字体，背景和页脚问题

1 个答案: