Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Css ve Html İle DIV Kullanımı Uygulamaları 4 programını aktaracağız. Css ve Html de kodlama nasıl gerçekleşir? Css ve Html İle DIV Kullanımı Uygulamaları 4 nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.
Css ve Html İle DIV Kullanımı Uygulamaları Kod Alanı
Css ve Html web programlama dilinde DIV Kullanımı Uygulamaları 4 kod metnini oluşturduk. Bu uygulamamızda css ve div kullanımı hakkında basit bir örnek oluşturacağız. Bu tür basit örnekler ile css ve div kullanımının nasıl gerçekleştiğini, ne gibi kodlar kullanıldığını ayrıca kod metinin nasıl dizayn edildiğini anlayabiliriz. Her bir yeni örneğimiz farklı bir konuya değinmektedir. Her bir örneği uygulamanız sizi bir adım daha bu konular hakkında bilgili olmaya itecektir.
Uygulamanın html kod metin alanı aşağıdaki gibidir:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css-4.css" rel="stylesheet">
</head>
<body>
<div id="sayfa">
<div id="ust">
</div>
<div id="menu">
</div>
<div id="icerik">
<div id="sol">
</div>
<div id="orta">
</div>
<div id="sag">
<div class="kutu">
</div>
<div class="kutu">
</div>
<div class="kutu">
</div>
</div>
<div style="clear: both">
</div>
</div>
<div id="alt">
</div>
</div>
</body>
</html>
body
{
margin:0;
}
#sayfa
{
width:980px;
margin:0 auto; /*www.programlamahocam.com */
}
#ust
{
height:120px;
background:#001139;
}
#menu
{
height:30px;
background:#0081f9;
}
#sol,#sag
{
float:left;
width:200px;
height:600px;
background:#0b9e8e;
}
#orta
{
float:left;
width:580px;
height:600px;
background:#7c84c0;
}
.kutu
{
width:180px;
height:180px;
background:#ddaa00;
margin:10px; /* kutunun çevresine 10px boşluk verdik */
}
#alt
{
height:60px;
background:#672a65;
}
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz