Tag Archives: html dili
html dersleri html özel karakterler
Bazı karakterler HTML dilinde çeşitli anlamlara gelebilmektedir. Örneğin (<) karakteri bir HTML kodunun başladığını anlatır ve bunu düz metin kısmında kullanmak kodlamalarda soruna yol açabilir. Böyle durumlarda (&) ya da (#) ile başlayan ve (;) ile biten bazı özel kelimelerden yararlanarak özel karakterleri kullanmalıyız.
Kaynak koduna baktığımızda bunlar < şeklinde görülmektedir. Fakat tarayıcının (<) işaretini oluşturduğunu görürüz.
Gözardı Edilemez Boşluklar
Normalde HTML dilinde boşluk ( ) karakterleri bazı özel durumlar hariç sayılmaz. Yani 10 tane boşluk kullanmış da olsanız bu tarayıcı tarafından boşluk yokmuş gibi algılanır. Bu durumu da özel karakterlerle halledebiliriz. Böyle bir durumda boşluk bırakmak için kullanacağımız metin ( )’dir. Aşağıda iki farklı örnekte birinde 10 tane boşluk karakteri, diğerinde 10 tane kullanıldı.
Bu 10′luk standart boşluk.
Bu 10′luk özel boşluk
(Boşluk) Boşluk vermeye yarar.
< Küçüktür işareti. <
> Büyüktür işareti. >
& Ve işareti. &
“ Tırnak. "
‘ Ayıraç. '
Bunun dışında fazla kullanılmamakla birlikte © (©), ® (®) gibi işaretlerinde özel kullanım şekilleri vardır. Bunların tamamı HTML Entities olarak geçer
html dersleri html biçimlendirme
HTML dosyamızdaki metinleri biçimlendirirken (kalınlık, sağa yatık yazma, vurgu vb.) çeşitli kodlardan yararlanırız. Bunların birbirinden farklı en önemlilerine aşağıdaki listeden ulaşabilirsiniz. Tüm metin biçimlendirme çeşitleri ise aşağıdaki örnekte verilmiştir.
Etiket Anlamı
<b> Kalın yazmak.
<i> Sağa yatık (italik) yazmak.
<u> Altı çizili yazmak.
<del> Üstü çizili yazmak.
<sub> Üs yazmak.
<sup> Alt hizada yazı yazmak.
<big> Büyük yazı.
<small> Küçük yazı.
<b>Kalın bir yazı</b><br />
<i>Sağa yatık bir yazı</i><br />
<u>Altı çizili yazı.</u><br />
<del>Üstü çizili yazı.</del><br /><br />
Normal Metin <sub>Yazı hizasının altında küçük yazı.</sub><br /><br />
Normal Metin <sup>Yazı hizasının üstünde küçük yazı.</sup><br /><br />
<big>Büyük bir yazı</big><br />
<small>Küçük bir yazı</small><br /><br />
<em>Vurgulu bir yazı</em><br />
<strong>Vurgulu bir yazı</strong><br />
<ins>Vurgulu bir yazı.</ins><br />
<s>Vurgulu bir yazı.</s><br />
<strike>Vurgulu bir yazı.</strike><br />
HTML Görünümü
Kalın bir yazı
Sağa yatık bir yazı
Altı çizili yazı.
Üstü çizili yazı.
Normal Metin Yazı hizasının altında küçük yazı.
Normal Metin Yazı hizasının üstünde küçük yazı.
Büyük bir yazı
Küçük bir yazı
Vurgulu bir yazı
Vurgulu bir yazı
Vurgulu bir yazı.
Vurgulu bir yazı.
Vurgulu bir yazı.
Yazı Tipi, Yazı Boyutu ve Renk Seçimi
Bunun için <font> kodunu kullanıyoruz. Örneğe bakalım ;
<font face=”Tahoma” size=”1″ color=”red”>Bu 1. örnek yazı..</font><br />
<font face=”Verdana” size=”2″ color=”blue”>Bu 2. örnek yazı..</font><br />
<font face=”Times New Roman” size=”3″ color=”#CCFFCC”>Bu 3. örnek yazı..</font><br />
HTML Görünümü
Bu 1. örnek yazı..
Bu 2. örnek yazı..
Bu 3. örnek yazı..
face=”yazıtipi” – Yazı tipi, font klasöründeki adıyla yazılır.
size=”boyut” – 1-6 arasında bir değerdir.
color=”renk” – Yazı rengini burdan belirtiriz. Renklerle ilgili bilgi verilecek..
Html dersleri html dili
Html dosyası nedir?
-Html, Hyper Text Markup Language’in kısaltmasıdır.
-Html çeşitli tag ve düz metinden oluşur.
-Bu kodlar ancak İnternet Explorer ve Mozilla tarayıcılarında anlam kazanır.
-Html uzantısı .html ve .htm dir.
-Html en kolayından bir word veya not defteri ile yazılabilinir.
Basitinden bir örnek yapalım.
Masaüstünde bir not defteri açınız.Şimdi yazacağım kodları yazıp.Farklı kaydet tıklayım ornek.html olarak kaydediyoruz.
<html>
<head>
<title>Selam Dostum</title>
</head>
<body>
elma dersem çık (:
</body>
</html>
Çıktı ;
elma dersem çık (:
ve şimdi html dosyasını ne olduğunu anladıysak diğer derslerle devam edelim ..
Hazırlayan : Omar KARAKUS
