HTML, web sayfalarının yapısını oluşturan temel bir dildir. Bu sebeple sayfalarda farklı kodlama tekniklerini önlemek için çeşitli HTML standartları oluşturulmuştur. Bu standartlar World Wide Web Consortium (kısaca w3) adı verilen bir organizasyon tarafından belirlenir ve yürütülür.

Arama motorları w3 tarafından belirlenen HTML ve CSS standartlarına listeledikleri web sayfalarında dikkat ederler. Bu standartlar arama motorlarının örümceklerinin işlerini kolaylaştırır. İhtiyaç duydukları kodları ve metinleri belirli etiket veya işaretler içinde bulmaları hızlarını ve performanslarını artıracaktır. (Yazının tamamını okuyun »)

Bu yazının Popülerliği: 28% [?]

Tasarımlarınızda kullanabileceğiniz css örnekleri.

1. İçerikleri listeleme, örnek kodlarla içeriklerinizi sayısal sıralamaya sokabilirsiniz;

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

<ol>
<li>
<p>İlk satır</p>
</li>
<li>
<p>İkinci satır</p>
</li>
<li>
<p>Üçüncü satır</p>
</li>
</ol>

2. Table kullanmadan yapılmış bir form örneği;

label, input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

<form>
<label for=”isim”>İsim</label>
<input id=”isim” name=”isim”><br>
<label for=”adres”>Adres</label>
<input id=”adres” name=”adres”><br>
<label for=”telefon”>Telefon</label>
<input id=”telefon” name=”telefon”><br>
</form>

3. Yazıyı dikey olarak ortalama;

div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}

<p>Content here</p>

4. İçeriği yatay olarak ortalama;

#container {
margin:0px auto;
}

<div id=”container”></div>

Bu yazının Popülerliği: 18% [?]