Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Css ve Html İle DIV Kullanımı Uygulamaları programını aktaracağız. Css ve Html de kodlama nasıl gerçekleşir? Css ve Html İle DIV Kullanımı Uygulamaları 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ı 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.
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-1.css" rel="stylesheet">
</head>
<body>
<div id="kutu1"></div>
<div id="kutu2"></div>
<div id="kutu3"></div>
<div id="kutu4"></div>
<div id="kutu5"></div>
</body>
</html>
#kutu1{
height:150px;
width:150px;
background-color:#A8A82E;
color:white;
float:left;
margin-right:10px;
}
#kutu2 {
height:150px;
width:150px;
background-color:#0B9E8E;
float:left;
margin-right:10px;
}
#kutu3 {
height:150px;
width:150px;
background-color:#46D056;
float:left;
margin-right:10px;
}
#kutu4 {
height:150px;
width:150px;
background-color:#672A65;
float:left;
}
#kutu5 {height:80px;
width:630px;
background-color:#07083F;
margin-top:10px;
clear:both;
float:left;
}
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