banner
htmldersleri
Ana SayfaANA SAYFA Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
HTML Temel
HTML Giriş
HTML Elementler
HTML Etiketler
HTML Parametreler
HTML Biçimlendirme
HTML Özeller
HTML Bağlantılar
HTML Çerçeveler
HTML Tablolar
HTML Listeleme
HTML Formlar
HTML Resimler
HTML Arka Plan
HTML Renkler
HTML Renk Değerleri
HTML Renk İsimleri
HTML Hızlı Liste

HTML Gelişmiş
HTML Tasarım
HTML Fontlar
HTML Stiller
HTML Başlık
HTML Meta
HTML URL
HTML Scriptler
HTML Std. Nitelikler
HTML Olaylar
HTML ASCII
HTML Web Sunucu

HTML Örnekler/Test
HTML Örnekler
HTML Örnek Site
HTML Test


HTML Stiller (Styles)

Önceki Sonraki

HTML 4.0 ile birlikte tüm biçimlendirme öğeleri ayrı bir dosya içerisine taşınmıştır.


Örnekler

HTML'de stiller

Altı çizili olmayan linkler

Dışarıdan bir stil dosyası ile biçimlendirilmiş metin


Stiller Nasıl Kullanılır?

Bir tarayıcı bir stil dosyasını okumaya başladığı zaman HTML dökümanını ona göre biçimlendirir. Stil dosyalarını eklemenin üç yolu vardır.

Harici Stil Dosyası

Harici bir stil dosyası her zaman daha iyidir. Çünkü sadece .css dosyasının içerisinde değişiklik yaparak tüm sitenin görünümünü değiştirebilirsiniz. Her sayfa stil dosyasına <link> etiketi ile bağlanmalıdır. <link> etiketi <head>..</head> içerisinde tanımlanmalıdır.

<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>

Dahili Stil Dosyası

Eğer sadece bir HTML dökümanı içerisinde stil uygulanacaksa bu yöntem kullanılabilir.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Satır İçi Stiller

Tek bir öğeye uygulanacağı zaman kullanılır.

<p style="color: red; margin-left: 20px">
Bu bir paragraf.
</p>


Önceki Sonraki


Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
Copyright © 2008 | Tüm Hakları Saklıdır. | Webmaster: destek@htmldersleri.org

7 kişi şuan sayfamızda geziniyor.

English Deutsch Français Español Dutch Italiano Português Български
html dersleri
Dersler Örnekler Online Test