Spawrain
Kilopat
- Katılım
- 13 Nisan 2016
- Mesajlar
- 555
- Çözümler
- 1
Daha fazla
- Cinsiyet
- Erkek
HTML ve CSS'i yeni öğreniyorum. Şu videodaki gibi renkli kutular ve bookmark yapmaya çalışıyorum fakat olmuyor. Videodaki gibi renkli kutular çıkmıyor linkte tıkladığımda ya da URL girdiğimde o satıra gidemiyorum. Yazdığım kodda neyin hatalı olduğunu yazabilir misiniz?
[CODE title="Bookmarks"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bookmarks</title>
</head>
<style>
.box {
width: 200px;
height: 200px;
text-align: center;
padding: 50px;
}
#box1 {
background: red;
}
#box2 {
background: blue;
}
#box3 {
background: green;
}
#box4 {
background: peru;
}
#box5 {
background: purple;
}
</style>
<body>
<ul>
<li><a href="#box1">Box 1</a></li>
<li><a href="#box2">Box 2</a></li>
<li><a href="#box3">Box 3</a></li>
<li><a href="#box4">Box 4</a></li>
<li><a href="#box5">Box 5</a></li>
</ul>
<div id="Box1" class="box">BOX 1</div>
<div id="Box2" class="box">BOX 2</div>
<div id="Box3" class="box">BOX 3</div>
<div id="Box4" class="box">BOX 4</div>
<div id="Box5" class="box">BOX 5</div>
</body>
</html>[/CODE]
[CODE title="Bookmarks"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bookmarks</title>
</head>
<style>
.box {
width: 200px;
height: 200px;
text-align: center;
padding: 50px;
}
#box1 {
background: red;
}
#box2 {
background: blue;
}
#box3 {
background: green;
}
#box4 {
background: peru;
}
#box5 {
background: purple;
}
</style>
<body>
<ul>
<li><a href="#box1">Box 1</a></li>
<li><a href="#box2">Box 2</a></li>
<li><a href="#box3">Box 3</a></li>
<li><a href="#box4">Box 4</a></li>
<li><a href="#box5">Box 5</a></li>
</ul>
<div id="Box1" class="box">BOX 1</div>
<div id="Box2" class="box">BOX 2</div>
<div id="Box3" class="box">BOX 3</div>
<div id="Box4" class="box">BOX 4</div>
<div id="Box5" class="box">BOX 5</div>
</body>
</html>[/CODE]