| html kodlari |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
| Etiket |
Anlamı |
| <b> |
Kalın yazmak. |
| <i> |
Sağa yatık (italik) yazmak. |
| <u> |
Altı çizili yazmak. |
| <del> |
Üstü çizili yazmak. |
| <sup> |
Üs yazmak. |
| <sub> |
Alt hizada yazı yazmak. |
| <big> |
Büyük yazı. |
| <small> |
Küçük yazı. |
| Hedef |
Tanım |
Kullanım |
| (Boşluk) |
Boşluk vermeye yarar. |
|
| < |
Küçüktür işareti. |
< |
| > |
Büyüktür işareti. |
> |
| & |
Ve işareti. |
& |
| " |
Tırnak. |
" |
| ' |
Ayıraç. |
'
|
| Kod |
Anlamı |
| <table> |
Tabloya başlamak. |
| <tr> |
Satıra başlamak. |
| <td> |
Sütuna başlamak.
|
| Özellik |
Anlamı |
| border="0" |
Tablo kenarlığı boyutu. |
| cellspacing="0" |
Sütunlar arası kenarlık boşluğu. |
| cellpadding="0" |
Satırlar arası kenarlık boşluğu. |
| width="genislik" |
Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir. |
| class="stil" |
Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).
|
| Özellik |
Anlamı |
| align="hiza" |
Kutu hizası, left, right, center kullanılabilir. |
| width="genislik" |
Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir. |
| height="yukseklik" |
Tablo yüksekliği. Piksel ya da yüzde olarak ifade edilebilir. |
| class="stil" |
Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).
|
____________________________________________________________________
renkler
| 000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
| 003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
| 006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
| 009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
| 00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
| 00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
| 330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
| 333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
| 336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
| 339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
| 33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
| 33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
| 660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
| 663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
| 666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
| 669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
| 66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
| 66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
| 990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
| 993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
| 996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
| 999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
| 99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
| 99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
| CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
| CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
| CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
| CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
| CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
| CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
| FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
| FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
| FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
| FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
| FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
| FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
| Özellik |
Açıklama |
| background-color: renk; |
Arkaplan rengini belirleriz. |
| background-image: url('dosya'); |
Arkaplan resmi belirleriz. |
| background-repeat: tekrar; |
Arkaplanın tekrar edilip edilmeyeceği. Bu değer no-repeat ise tekrar yok, repeat-x ise sağa tekrarlı, repeat-y ise aşağı tekrarlı, repeat ise tekrarlı anlamlar ifade eder. |
| background: renk url('dosya') tekrar; |
Yukarıdaki css kodlarını tek bir komutta kullandık.
|
| Özellik |
Açıklama |
| font: boyut, yazıtipleri; |
Boyut piksel olarak belirtildikten sonra yazıtipleri sıralanır ve aralara virgül konur. |
| color: renk; |
Yazı rengini belirleriz. |
| font-weight: bold; |
Kalın yazmak. |
| font-style: italic; |
Sağa yatık yazmak. |
| text-align: hiza; |
Metinleri hizalamak. left sola, right sağa, center ortalanmış, justify iki yana hizalar. |
| Özellik |
Açıklama |
| width: deger; |
Genişliği belirtiriz. |
| height: deger; |
Yüksekliği belirtiriz.
|
| Özellik |
Açıklama |
| border: boyut; |
Kenarlık boyutu piksel olarak belirtilir. Kenarlık kullanmayacaksak 0px olmalıdır. |
| border: boyut renk durum; |
Boyutla birlikte kenarlık rengini ve durumu (solid = normal, dotted = çizgili) belirtilir.
|
şimdi bütün html kodları ve dersleri
____________________________________________________________________
| Kod |
Açıklama |
XHTML |
| <!--...--> |
Açıklama eklemek. |
Var |
| <!DOCTYPE> |
Dosya türünü yazmak. |
Var |
| <a> |
Bağlantı vermek. |
Var |
| <abbr> |
Kısaltma. |
Var |
| <acronym> |
Kısaltmayı açıklamak. |
Var |
| <address> |
Adres vermek. |
Var |
| <area> |
Resim üzerinde alan belirtmek. |
Var |
| <b> |
Kalın yazmak. |
Var |
| <base> |
Tüm bağlantılar için ana yolu bildirme. |
Var |
| <bdo> |
Yazı yönünü bildirme. |
Var |
| <big> |
Büyük yazmak. |
Var |
| <blockquote> |
Alıntı yapmak. |
Var |
| <body> |
İçeriğe başlangıcı bildirmek. |
Var |
| <br> |
Satır atlamak. |
Var |
| <button> |
Buton eklemek. |
Var |
| <caption> |
Tablo başlığı belirtme. |
Var |
| <center> |
Hizayı ortalar. |
Yok |
| <cite> |
Alıntı yapmak. |
Var |
| <code> |
Bilgisayar kodu şeklinde yazmak. |
Var |
| <col> |
Tablo sütununu belirtme. |
Var |
| <colgroup> |
Tablo sütun gruplarını belirtme. |
Var |
| <dd> |
Açıklama eklemek. |
Var |
| <del> |
Üstü çizili yazı yazmak. |
Var |
| <div> |
Dosyada alan belirtme. |
Var |
| <dfn> |
Bir terim açıklamak. |
Var |
| <dl> |
Terimler listesi. |
Var |
| <dt> |
Terim açıklamak. |
Var |
| <em> |
Vurgulu yazı. |
Var |
| <fieldset> |
Alan belirleme. |
Var |
| <form> |
Form kullanma. |
Var |
| <frame> |
Alt pencere açmak (frame) |
Var |
| <frameset> |
Alt pencereleri tanımlamaya başlamak. |
Var |
| <h1> to <h6> |
Başlık (1-6 arası) |
Var |
| <head> |
Dosya bilgilerini açıklama bölümü. |
Var |
| <hr> |
Yatay çizgi çekmek. |
Var |
| <html> |
HTML'ye başlamak. |
Var |
| <i> |
Sağa yatık yazmak. |
Var |
| <img> |
Resim eklemek. |
Var |
| <input> |
Form nesnesi eklemek. |
Var |
| <ins> |
Vurgu yapmak. |
Var |
| <kbd> |
Kelime yazdırma. |
Var |
| <label> |
Etiket belirleme. |
Var |
| <legend> |
Bir alan için başlık belirleme. |
Var |
| <li> |
Listeleme. |
Var |
| <link> |
Dosyaya bağlantı verme. |
Var |
| <map> |
Resim tanımlama. |
Var |
| <meta> |
Dosya bilgisi tanımlama. |
Var |
| <noscript> |
Script desteği yoksa yapılacaklar. |
Var |
| <object> |
Bir obje ekleme (flash vs.) |
Var |
| <ol> |
Numaralandırılmış liste ekleme. |
Var |
| <optgroup> |
Seçim grubu. |
Var |
| <option> |
Sürükle-bırak seçim listesi. |
Var |
| <p> |
Paragraf. |
Var |
| <param> |
Parametre bildirme. |
Var |
| <pre> |
Formatlı yazı ekleme. |
Var |
| <q> |
Küçük alıntılar için. |
Var |
| <samp> |
Bilgisayar yazı tipi kullanma. |
Var |
| <script> |
Script tanımlama. |
Var |
| <select> |
Seçim kutusu tanımlama. |
Var |
| <small> |
Küçük yazma. |
Var |
| <span> |
Bir alan tanımlaması. |
Var |
| <strong> |
Vurgu yapmak. |
Var |
| <style> |
Stil belirleme. |
Var |
| <sub> |
Normalden aşağı yazı. |
Var |
| <sup> |
Üs yazmak. |
Var |
| <table> |
Tabloya başlamak. |
Var |
| <tbody> |
Tablo başlangıcı. |
Var |
| <td> |
Sütun belirleme. |
Var |
| <textarea> |
Metin kutusu. |
Var |
| <tfoot> |
Tablo altlığı. |
Var |
| <th> |
Tablo başlığı. |
Var |
| <thead> |
Tablo başlığı. |
Var |
| <title> |
HTML Dosyası başlığı. |
Var |
| <tr> |
Satır belirleme (tablo). |
Var |
| <tt> |
TT Yazı. |
Var |
| <ul> |
Madde işaretli liste. |
Var |
| <var> |
Değer. |
Var |
| <xmp> |
PRE komutunun aynısı. |
Yok |
|
|
|
|
|
|
|
|
|
|
|
|
|
