與字體，背景和頁腳

我有點新HTLM/CSS的東西有問題，我在做我的第一個網站，我只是不能找出一些東西。與字體，背景和頁腳

我在dreaweaver工作的第一步...在Dreamweaver中一切看起來不錯，但是當我預覽我錯過了正確的字體（我有我的主文件夾中的字體otf。），背景和某種程度上我得到一個不需要的鏈接在我的頁腳。

感謝您對提前所有anwsers。

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; 
}

來源

2016-02-12 Matic Toni

在HTML中有''。您應該關閉''標記 –

您的HTML是各種無效的。如果Dreamweaver在沒有任何警告的情況下生成，我會感到驚訝。通過驗證器運行它。 – j08691

此外，所有的html都在''內。它需要在''我 –

確保您的開始和結束標記是否齊全。有一個問題的行這裏：

<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>

來源

2016-02-12 16:45:23

確保HTML有效的一種好方法是將行縮進到適當的級別。您將注意到codepen中HTML是如何縮進以指示DOM樹中元素的位置。 –

我仍然沒有字體或背景...好的事情是，我沒有在我的頁腳中的鏈接，但現在我不能在頁腳... –

居中文本關於字體，你需要設置一個'@ fontface'，[這裏有更多的文檔]（http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp）。 –

與字體，背景和頁腳

回答

相關問題