HTML Dərsləri
Hazırladı: TheAmonn
HTML sənədləri HTML elementlərindən istifadə edərək yaradılmış mətn sənədləridir.
HTML elementləri HTML etiketləri ilə təyin olunur.
HTML Etiketləri
- HTML etiketləri HTML elementlərini təyin etmək üçün istifadə olunur.
- HTML etiketləri 2 simvolla məhdudlaşır. < və >
- Bu simvollara qrup mötərizəsi deyilir.
- HTML etiketləri cüt olaraq istifadə olunur. Məsələn: <b> Bu mətn qalın şriftlə yazılmışdır. </b>
- Bu cütlərdən birincisi başlanğıc etiketi, ikincisi isə son etiketi adlanır.
- Başlanğıc və bitiş etiketləri arasındakı hər şey element məzmunu adlanır.
- HTML etiketləri böyük hərflərə həssas deyildir, buna görə <b> və <B> eyni işi görür. (Qeyd edək ki, "i" və "ı" türk xarakterləri bu vəziyyətdən kənarda qalıb.)
HTML elementləri
Bu bir HTML elementidir:
<b> Bu mətn qalındır </b>
HTML elementi <b> başlanğıc etiketi ilə başladı.
HTML elementinin məzmunu: Bu mətn qalındır
HTML elementi son etiket </b> ilə bitir.
<b> etiketinin məqsədi göstəriləcək mətnin qalın olması lazım olduğunu göstərməkdir.
Niyə etiketləri kiçik hərflərlə göstəririk?
HTML etiketlərinin böyük hərflərə həssas olmadığını dedik: <B> və <b> eynidir. İnternetdə gəzsəniz, bir çox saytın mənbə kodunun böyük hərflərlə yazıldığını görəcəksiniz, amma biz həmişə kiçik hərflərdən istifadə edirik. Niyə belədir?
Veb standartlarını yoxlamaq istəyirsinizsə, kiçik hərflərdən istifadə etməlisiniz. World Wide Web Consortium (W3C), HTML -in 4 -cü versiyası olan kiçik hərflərdən istifadə etməyi tövsiyə edir. Ayrıca, XHTML (yeni nəsil HTML) dili istifadə etməyinizi şiddətlə tövsiyə edir.
Başlıqlar
Başlıqlar <h1> və <h6> daxil olmaqla aralarındakı bütün ədədlərdən istifadə etməklə müəyyən edilə bilər. <h1> ən böyük ölçüyü, <h6> isə ən kiçik ölçünü göstərir.
HTML dili, başlıq etiketlərindən əvvəl və sonra avtomatik olaraq bir sətirdən digər sətrə keçir.
<h1> Bu bir başlıqdır </h1>
<h2> Bu bir başlıqdır </h2>
<h3> Bu başlıqdır </h3>
<h4> Bu bir başlıqdır </h4>
<h5> Bu bir başlıqdır </h5>
<h6> Bu bir başlıqdır </h6>
Paraqraflar
Paraqraflar <p> etiketi ilə göstərilir.
<p>Bu bir paragraf</p>
<p>Bu da başka bir paragraf</p>
HTML dili paraqraf etiketlərindən əvvəl və sonra avtomatik olaraq bir sətirdən sətrə keçir
Etiketləri bağlamağı unutmayın!
<p>Bu bir paraqraf
<p>Bu da başqa bir paraqraf
Əksər brauzerlər, ehtimal ki, yuxarıda göstərildiyi kimi işləyəcək, ancaq buna çox güvənməyin, çünki yaxınlaşan HTML dili heç bir etiketdən keçməyinizə icazə verməyəcək.
Sətirdən sətrə keçmə
<br> etiketi xətləri keçmək üçün istifadə olunur. Ancaq unutmayın ki, bu etiket yeni bir paraqraf açmır.
<p> Bu <br> çox sətirli bir paraqrafdır. </p>
<p>Bu <br>bir <br>çox sətirli paraqrafdır.</p>
<br> etiketi boş bir etiketdir. </br> kimi son etiket yoxdur.
<br> yoxsa <br />?
<br> etiketinin bir çox yerdə <br /> olaraq istifadə edildiyini görəcəksiniz.
Çünki <br> etiketində bir son etiket yoxdur və bu xüsusiyyət gələcək nəsil HTML (XML və XHTML) dilinin ilk qaydasını pozur. Bu səbəbdən <br /> etiketindən istifadə etməyi məsləhət görürük.
HTML -də açıqlama (şərhlər) sətirləri yaratmaq
Şərh sətirləri, proqramçılara hansı sətirin nə etdiyini söyləmək üçün HTML mənbə kodunda istifadə olunur. Səhifəni brauzerdə görüntüləyərkən bu sətirlər nəzərə alınmır.
<!-Bu bir izahatdır->
Təməl Qeydlər - Yararlı Məlumatlar
HTML kodlarınızın digər brauzerlərdə necə görünəcəyini heç vaxt bilmirsiniz. Ayrıca, bəzi istifadəçilərin geniş ekranlı monitorları, digərlərinin isə kiçik ekranları var. Bu səbəbdən istifadəçi hər dəfə pəncərənin ölçüsünü dəyişdikdə mətnlər dəyişəcək. Mətnlərinizi əlavə boşluqlar əlavə etmək kimi üsullarla formatlamağa çalışmayın.
HTML, daxil etdiyiniz yerləri daim azaldacaq.
Boş bir sətir buraxmaq üçün <p> istifadə etmək pis bir texnikadır, əvəzinə <br /> etiketini istifadə edin. (Amma heç vaxt <br /> ilə sifarişli bir siyahı yaratmayın. HTML ilə siyahı mövzusuna qədər gözləyin.)
Təməl HTML Etiketləri
<html> HTML sənədini təyin edir
<body> Sənədin göstəriləcək hissəsini təyin edir.
<h1> - <h6> Başlıqları göstərir.
<p> Paraqraf təyin edir
<br> Boş bir sətir buraxır.
<hr> Səhifədə üfüqi bir xətt çəkir
<!-> Şərh xəttinin olduğunu göstərir.
HTML Etiket Xüsusiyyətləri
HTML etiketlərində parametrlər ola bilər. Parametrlər HTML elementlərinə əlavə xüsusiyyətlər əlavə etməyə imkan verir.
Parametrlər həmişə name/value cütləri arasında olur: name = "value".
Parametrlər həmişə başlanğıc etiketində göstərilir.
Parametr nümunəsi 1:
<h1> bir başlıq təyin edir.
<h1 align = "center"> mətnin başlığını və mərkəzini göstərir.
Özünüz sınayın: Mərkəzə düzülmüş mətn
Parametr Misal 2:
<body> HTML -nin gövdə hissəsini təyin edir.
<body bgcolor = "yellow"> Bədən hissəsini təyin edir, eyni zamanda fon rəngi sarı olacağını göstərir.
Dəyərləri Dırnaq İçərisinə Alın
Parametrlərin dəyəri həmişə dırnaq işarələrində olmalıdır.
Bəzən dəyərin içərisində ikiqat qiymətlər tələb olunduqda bütün dəyəri tək dırnaqlara əlavə edə bilərsiniz:
name = 'Cem "GORA" Yılmaz'
HTML Mənbə Kodlarına Necə Baxılır?
Brauzerinizin alətlər çubuğundakı "Görünüş" menyusuna gəldikdən sonra "Mənbəyə Bax" düyməsini basın.
Mətn Formatlama Etiketləri
<b> qalın mətn </b>
<big> Böyük mətn
<em> Vurğulanan mətn
<i> italik mətn (Məsələn TheAmonn)
<small> Kiçik mətn
<strong> Güclü mətn
<sub> Abunəlik mətni
<sup> Üst yazı mətni
<ins> Altından xətt çəkilmiş mətn
<del> Çizilmiş mətn
<s> lazımsız etiket, əvəzinə <del> istifadə edin.
<strike> lazımsız etiketdir, bunun yerinə <del> istifadə edin.
<u> Zərərli etiket, əvəzinə styles istifadə edin.
"Proqramlaşdırma Dilləri" Etiketləri
<code> Proqramlaşdırma dili mətni
<kbd> Klaviatura mətni
<samp> Nümunə kompüter kodu mətni
<tt> Teletype mətni
<var> Dəyişən
<pre> Formatsız mətn.
<listing> çöp etiketidir, əvəzinə <pre> istifadə edin.
<plaintext> lazımsız etiketdir, əvəzinə <pre> istifadə edin.
<xmp> lazımsız etiketdir, əvəzinə <pre> istifadə edin.
Sitatlar və izahlar üçün etiketlər
<abbr> Qısaltma
<acronym> Baş hərfləri olan qısaltma
<adress> Ünvan elementi
<bdo> Mətn istiqaməti
<blockquote> Uzun təklif
<q> Qısa çıxarış
<cite> Sitat
<dfn> Tanıma müddəti