Html5

Ders-7 HTML5 Renkler ve Yorumlar (Color and Comments)

İyi günler arkadaşlar. Bu yazımızda sizlere HTML5’de renk kullanımını ve yorum satırlarını anlatmaya çalışacağım.

RENKLER (COLOR)

HTML5’te renkler önceden tanımlanmış renk adları veya RGB , RGBA , HSL , HSLA , HEX değerleri ile tanımlanarak kullanılırlar. Yukarıdaki tanımlara şimdilik yabancı kalmış olabilirsin ama Html’de ilerledikçe bunlarla daha çok haşır neşir olacağımız için zamanla alışacaksın.

RENK ADLARI (COLOR NAME)

Html içinde önceden tanımlanmış renk adları bulunmaktadır bir örnekle bunu size daha iyi anlatmaya çalışacağım

Yukarıda en çok kullanılan renkleri bir metnin arkaplan renkleri olarak atadım ve sonuç aşağıdaki gibi oldu.

ARKAPLAN RENGİ (BACKGROUND-COLOR)

Bir HTML elementinin arkaplan rengini kendimiz manuel olarak ayarlayabiliriz.

Yukarıdaki kod parçacığının çıktısında arkaplan rengini kırmızı olarak atadık ve sonuç aşağıdaki gibi oldu

METİN RENGİ (TEXT COLOR)

HTML ile metnin yazı rengini değiştirebiliriz . Bunun için style özniteliğinin içine text-color: renk değeri yazmamız yeterli olacaktır

KENARLIK RENGİ (BORDER COLOR)

HTML ile kenarlık rengini değiştirebiliriz

RENK DEĞERLERİ (COLOR VALUES)

Yukarıda da belirttiğim gibi HTml’de renk değerleri RGB, HSL ve HEX değerleri ile de tanımlanabilir. Gelelim bunları açıklamaya;

RGB DEĞERİ :

Html’de aşağıdaki formülü kullanarak RGB renk değeri tanımlayabiliriz.

RGB(red , green , blue)

Red (Kırmızı) , GREEN(Yeşil) ve (‘Blue’) değerli 0 ve 255 arasında değer alır ve ortaya buna uygun bir renk çıkar . Size bununla alakalı bir rnek yapacağım ve daha iyi anlayacaksınız.

Çıktısı :

HEX DEĞERİ

Html’de renkler 16’lik yani hexadecimal değer verilerek de tanımlanabilir. Formülü ise şu şekildedir :

#rrggbb

rr(Kırmızı), gg(yeşil),bb(mavi) 0 ile ff arasında yani 0,255 arasındaki 16’lık değerlerdir.

Kodumuzun çıktısı :

HSL DEĞERİ

HTML’de renk tonu, doygunluk ve açıklık (HSL) kullanılarak belirtilebilir. Formülü ise :

HSL(hue , saturation , lightness);

Hue renk uzayında 0 ile 360 arasında bir derecedir . 0 Kırmızı , 120 yeşil ve 240 mavidir.

Saturation : Doygunluk değeridir ve % ile ifade edilir.

Lightness : Açıklık değeridir % ifadesi ile gösterilir ve 0 ile 100 arası bir değer alır.

Şimdi bu konuyla ilgili bir örnek yapalım ve daha iyi anlayalım

Kodumuzun Çıktısı :

RGBA DEĞERLERİ

RGB’den farkı rengin opaklığının belirlenmesi için ayrıyetten bir alpha kanalına sahip olmasıdır Kullanımı ise :

RGBA (red,green,blue,alpha)

Şimdi bununla ilgili bir örnek yaparak konuyu pekiştirelim.

Kodumuzun çıktısı :

HSLA DEĞERİ

HSL değerinden farkı RGBAdeğerinde olduğu gibi değerlere ek opaklık ayarını yapabileceğimiz bir alpha kanalının olmasıdır. Kullanımı :

HSLA(hue , saturation , lightness, alpha);

Şimdi bir örnekle bu konuyu da pekiştirelim ve HTML5 renk konusunu burada bitirelim.

Kodumuzun çıktısı :

HTML YORUMLAR

Html yorum etiketi Html kaynak koduna yorum eklemek için kullanılır. Genellikle kodun okunabilirliğinin artırılması için gerekli yerlerde kullanılır.

Html’de yorumlar <!– Yorum –> Etiketleri şeklinde yazılır

Bir kullanımını örnek gösterecek olursak :

Kodumuzun çıktısı :

Gördüğünüz gibi yorum satırları arasında yazdığımız şeyler kullanıcı tarafından görülmemektedir. Sadece web sitesinin kaynak kodunda görünmektedir.

1 Yorum

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Popüler

En üste