CodeGym /Kurslar /Frontend SELF AZ /HTML ilə tanışlıq

HTML ilə tanışlıq

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

1. HTML-sənəd

Yəqin ki, artıq bilirsiniz ki, internetdəki bütün saytlar veb-səhifələrdən ibarətdir. Bunlara HTML-səhifələr də deyilir. Bəs bu nədir belə?

HTML-sənəd — bu, mətndən və teqlərdən ibarət olan mətn faylıdır. Teqlər hələ 70-ci illərdə keçən əsrdə fikirləşilib ki, insanlar sənədlərə xidmət məlumatı əlavə edə bilsinlər və bu məlumatı həmin sənədləri işləyən proqramlar üçün yararlı edə bilsinlər.

Teq — bu əsasən ingilis dilində olan əsas (xidmət) sözdür, hansı ki, bucaqlı mötərizələrə alınır ('böyük' və 'kiçik' simvolları), belə ki, proqramlar teqləri adi sözlərlə qarışdırmasın.

Nümunə:


<img>

Həmçinin teq sənədi işləyən proqrama faydalı olan müxtəlif xidmət məlumatını daşıya bilər.

2. HTML sənəd nümunəsi

Taglarla işləmək üçün ən populyar proqram — bu brauzerdir. Sənə brauzerin göstərdiyi hər bir şey — HTML sənədinə daxil edilmiş tagların işlənməsi nəticəsidir.

Tutaq ki, brauzer sənə belə bir səhifə göstərir:

Manul

Manúl — yırtıcı məməli heyvan, pişiklər ailəsinə aiddir. Xarici görünüşü və ölçüləri ilə ev pişiyinə bənzəyir, amma qısa möhkəm bədən və ayaqlar, dairəvi göz bəbəkləri, aşağı qulaqlar və uzun sıx xəz ilə fərqlənir.

Onun HTML sənədi belə görünəcək:

HTML
      
<h1>Manul</h1>
<p> Manúl — yırtıcı məməli heyvan, pişiklər ailəsinə aiddir. Xarici görünüşü və ölçüləri ilə 
<a href="#">ev pişiyinə</a> bənzəyir, amma qısa möhkəm bədən və 
ayaqlar, dairəvi göz bəbəkləri, aşağı qulaqlar və uzun sıx xəz ilə fərqlənir. </p>
<img src="manul.jpg">
      
    

Bu nümunədə biz mətn və taglar görürük: h1, p, aimg. Brauzer tagları tanıyıb və tagdakı mətnləri başlıq, keçid, həmçinin mətnin altında bir şəkil kimi çevirdi. Bu, əsl sehrdir!

Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION