Səhifə şablon kodu. Geniş çərçivə ilə. HTML5-də əlavə teqlər
“HTML səhifəsini necə yaratmaq olar” dərsi ən sadə veb-səhifənin tərtibatına həsr olunub. Siz HTML faylını düzgün saxlamağı, HTML səhifəsinin brauzerdə düzgün göstərilməsi üçün lazımi kodlaşdırmanı təyin etməyi, mətnləri, siyahıları və şəkilləri veb-səhifəyə yerləşdirməyi öyrənəcəksiniz.
Bu dərsi öyrəndikdən sonra siz artıq Şəkil 1-də olduğu kimi ilk veb səhifəni necə yaratmağı öyrənəcəksiniz.
Şəkil 1
1. Html sənədinin strukturu
html fayllarının uzantısı var .htm və ya .html.
Adətən teqlər qoşalaşır: başlanğıc və son teqlər. İlkin -<>, final, məsələn
və
Cüt etiket də adlanır konteyner .
Bəzi teqlərdə məcburi cüt etiketi yoxdur, belə bir etiket deyilir subay
. Belə bir etiket, məsələn, bağlanma bucağı mötərizəsindən əvvəl sağa kəsik yazmaqla bağlanır
Html sənədinin strukturu belə görünür (Şəkil 2).
Şəkil 2
Şəkil 2-də siyahıya dair izahatlar
Birinci sətirdə DOCTYPE konstruksiyası veb-səhifənin tərtibatı standartlarından biri deməkdir.
Etiketlər arasında
və
başlıq ehtiva edir. Dizayn daxildir
Şəkil 3
Səsyazma hərflərin brauzerdə düzgün göstərilməsi üçün kiril kodlaşdırması deməkdir. Kodlaşdırma müəyyən edilmədikdə, şriftlər bəzən aşağıdakı kimi göstərilə bilər (Şəkil 4)
Şəkil 4
Kodlaşdırmanı daxil etdikdən sonra eyni səhifə (Şəkil 5)
Şəkil 5
Qeyd: kodlaşdırma əvəzinə charset="windows-1251" kodlaşdırmadan istifadə edə bilərsiniz charset = utf -8" , çoxdilli saytlar yaratmağa imkan verir, çünki dünyada mövcud olan bütün simvollar orada mövcuddur. Bu halda, in Notepad++ tərtib etmədən və saxlamadan əvvəl tələb olunurhtml- yuxarı menyudan fayl seçin Encodings - Encode to UTF -8 olmadan BOM (BOM olmadan UTF-8)
Bu məlumat ilk sənədi yaratmaq üçün kifayətdir.
Təcrübə 1
1. Qovluq yaradın, ona ad verin mənimev. Bütün qovluqların və faylların adları latın kiçik hərfləri ilə yaradılmalıdır, Rus adlarından istifadə etmək olmaz. Adları qısa və mənalı saxlayın.
Veb səhifənin kodunu Notepad-da yazacağıq. Windows ilə birlikdə gələn Notepad-dan deyil, Notepad ++ kimi daha "qabaqcıl" birindən istifadə etmək daha yaxşıdır. Paylanma Notepad++ qovluğundadır cd/distr.
2. Notepad++ proqramını açın. Bunun üçün elementdəki menyuda ANSI kodlaşdırmasının qurulduğundan əmin olun Kodlaşdırmalar, mövqe təyin edin ANSI-yə kodlayın.
3. Şəkil 2-dəki siyahıdan kodu Notepad++ daxil edin.
Şəkil 2-dəki siyahıdakı kod gələcəkdə bizim üçün şablon rolunu oynayacaq ki, hər dəfə html sənədinin strukturunu yazmayaq. DOCTYPE konstruksiyasını buradan kopyalayın (onu yadda saxlamağa və yadda saxlamağa ehtiyac yoxdur).
4. Faylı adla yadda saxlayın şablon.html qovluğunda mənim evim, sahədə olarkən Fayl növü yüklemek Bütün növlər(Şəkil 6), əks halda veb səhifəniz daha sonra brauzerdə açılmayacaq.
Şəkil 6
5. Saxladıqdan sonra qaçın naxış. html iki dəfə klikləyin. Nəticədə faylınız belə görünəcək (Şəkil 7).
Şəkil 7
Yuxarıdakı şəkildəki kimi nəticə əldə etməsəniz, çox güman ki, kodda xəta var. Bir səhv simvol kifayətdir və veb səhifə düzgün göstərilməyəcək. Şəkil 2-dəki siyahı ilə kodu yenidən yoxlayın.
6. Qovluq daxilində mənim evim qovluq yaradın ictimai_ html. Bu ad adətən saytın real hostinqdə yerləşdirildiyi zaman saxlandığı qovluqdur (bu qovluğu www də adlandırmaq olar).
7. Faylı yadda saxlayın naxış. html qovluğunda ictimai_ html yeni adla əsas. html.
8. Qovluqdan CD/ html_css_1 faylı açın text_main.txt Notepad++ proqramında və həmçinin adı altında saxlanan faylı açın əsas. html
9. Fayldan bütün mətni kopyalayın text_main.txt və fayla yapışdırın əsas. html"Veb səhifə məzmunu" ifadəsi əvəzinə. Etiketdə
10. Dəyişiklikləri yadda saxlayın və fayla baxın əsas. html brauzerdə. Siz formatlaşdırılmamış mətni görəcəksiniz. Hətta mənbə mətnində olan sətir qırılır, brauzer bunu etmir (Şəkil 8).
Şəkil 8
2. Formatlaşdırmaveb-səhifə etiketləndiHTML
Bu təlimat, HTML Səhifəsini Necə Yaratmaq olar, veb səhifəni işarələmək üçün istifadə olunan əsas teqləri əhatə edir.
Teqlər veb səhifənin mətnini formatlaşdırmaq üçün istifadə olunur. Teqlərin daha ətraflı siyahısını qovluqda tapa bilərsiniz CD/KataloqHTML kataloqda html401_az.chm(yuxarı menyu elementində elementləri).
Bəzi etiketlərə nəzər salaq.
Elementlər h 1, h 2, h 3, h 4, h 5, h 6
Sənədin gövdəsinin strukturlaşdırılması elementin daxilində aparılır < bədən> h1, h2, h3, h4, h5, h6 elementlərinin təyin etdiyi başlıqların köməyi ilə.
Başlıq elementləri qoşalaşmışdır, ona görə də açılış olmalıdır < h1> və bağlanır h1> etiketlər.
HTML-də altı başlıq səviyyəsi var: h1 (ən yuxarı), h2, h3, h4, h5 və h6 (ən aşağı). Başlıq elementlərinin funksiyası mətn redaktorlarında adi başlıq üslublarına bənzəyir.
Bu altı etiketin hərəkəti aşağıdakı rəqəmlərdə göstərilmişdir. Bir şəkildə mənbə(Şəkil 9), digər tərəfdən - brauzerdəki görünüş (Şəkil 10).
Şəkil 9
Şəkil 10
Mətnin paraqraflara bölünməsi
Tag < səh> paraqrafın əvvəlini təyin edir və paraqrafın üstündə boşluq qoyur - bu paraqrafı əvvəlkindən ayırmaq üçün abzas.
Xətti kəsməyə məcbur edin
Tag
abzas mətninin qalan hissəsini növbəti sətirə yığmağa imkan verir. Bu qoşalaşdırılmamış teqdir və paraqraf teqindən fərqli olaraq sətirlər arasındakı məsafəni artırmır.
Təcrübə 2
1. "Memarlıq Dizayn Kataloqu" başlığını etiketlərlə formatlayın
və
.2. "Gələcək eviniz üçün layihələr" başlığını etiketlərlə formatlayın
və
.3. "Ev dizaynları" və "Ev sahələri" başlıqlarını etiketlərlə formatlayın
və
.4. Teqdən istifadə edərək əsas mətni paraqraflara bölün
İlk iki paraqrafın içərisində etiketdən istifadə edin
xətti qırmaq. Nəticədə kodunuz belə görünməlidir (Şəkil 11).
5. Nəticəyə brauzerdə baxın.
Şəkil 11
Marker və nömrələnmiş siyahılar
HTML alətlərindən istifadə edərək istənilən siyahı yarada bilərsiniz: nömrələnmiş (rəqəm və əlifba) və markerlə işarələnmiş fərqli növlər markerlər.
Tag < ul>…ul> markerli siyahı yaradır.
Tag < ol>…ol> nömrələnmiş siyahı yaradır.
Siyahı elementini aşağıdakı kimi ayırın
- , həmçinin
- Şəkil 13-də göstərilən kodu yeni faylda tətbiq edin.
- Faylı qovluqda saxlayın mənim evim adı altında siyahı_ vlozh. html. Əncirdəki nəticə. 13
- mütləq;
- qohum.
- qovluğu_2 daxil edin,
- sonra qovluq_1 daxil edin,
- sonra şəkli əlavə edin.
- qovluqdan çıxın_1,
- qovluqdan çıxın_2,
- şəkil əlavə edin.
- qovluqdan çıxın_1,
- qovluqdan çıxın_2,
- qovluğuna keçin_3,
- qovluğuna keçin_4,
- şəkil pic.jpg əlavə edin
- qovluqdan çıxın_1,
- qovluqdan çıxın_2,
- qovluqdan çıxın_3,
- qovluğu_4 daxil edin,
- şəkil pic.jpg əlavə edin.
- şablon.html
- main.html
- list_vlozh.html
- qovluq daxilindəmənim evimqovluq olmalıdırictimai_ htmlgələcək saytın faylları ilə
- nisbi ünvanlama üçün yeddi nümunə və nəzarət kimi iki nümunə praktik tapşırıq 14
- açar sözlər və səhifənin təsviri;
- digər fayllara keçidlər (*.css və *.js).
- etiketi ilə formalaşmışdır <
li>
.
Təcrübə 3
1. "Ev layihələri" başlığı altında nömrələnmiş siyahı yaradın.
2. Ev Sahələri başlığı altında markerli siyahı yaradın. Kodunuz belə görünəcək (Şəkil 12).
Şəkil 12
3. Səhifəyə brauzerdə baxın.
Siyahılar müxtəlif markerlərdən istifadə edərək bir-birinə daxil edilə bilər.
İçəri daxil edilmiş siyahının nümunəsi Şəkildə göstərilmişdir. 13
Təcrübə 4
Şəkil 13. Daxili siyahı nümunəsi
Şrift üslubları
Tag … - mətni qalın hərflərlə göstərməyə imkan verir.
Tag … - mətni kursivlə göstərməyə imkan verir.
Tag … - altından xətt çəkilmiş mətni göstərir.
Misal üçün:
Bu halda mətn görünəcək qalın kursiv amma altı çizilməyib.
Bu halda mətn yazılacaq qalın altı çizilmiş kursiv .
Alt və yuxarı işarələr
Tag < alt> və alt> mətni normal mətndən yarım sətir aşağı endirməyə imkan verir.
Tag < sup> və sup> mətni normal mətndən yarım sətir yuxarı qaldırmağa imkan verir. Bu teqlər arasındakı mətn adi mətndən daha kiçik şriftlə göstəriləcək.
Təcrübə 5
1. Birinci abzasda myhouse.ru adını qalın hərflərlə formatlayın (Şəkil 14).
Şəkil 14
2. İkinci abzasdakı “Layihələrin 95%-dən çoxu” ifadəsini altı çizili kursivlə formatlayın (Şəkil 15).
Şəkil 15
3. Kvadrat metrlərin istifadə edildiyi yuxarı yazıları formatlayın (Şəkil 16).
Şəkil 16
4. Faylı yadda saxlayın. Brauzer vasitəsilə baxın. Veb səhifə belə görünməlidir (Şəkil 17).
Şəkil 17
3. Şəkillər daxil edin
HTML Səhifəsini Necə Yaratmaq məqaləmizdə şəkilləri veb-səhifəyə necə yerləşdirməyi nəzərdən keçirəcəyik.
Etiket şəkilləri daxil etmək üçün istifadə olunur. .
Bu teq üçün tələb olunan atributdur src(İngilis SouRCe - mənbədən). O, yolu müəyyən edir qrafik fayl, kimin şəkli veb səhifəsində göstərilməlidir.
Şəkil daxil etmək üçün əmrdən istifadə edin 
Misal üçün: "
image1.jpg"
alt="(!LANG:Şəkil" />
!}
Alt atributu lazımdır ki, əlil şəkillər rejimində veb səhifəyə baxarkən, çatışmayan şəkil əvəzinə alt atributunda yazılmış bir yazı olsun. Həmişə alt mətnlərdən istifadə etmək tövsiyə olunur, çünki axtarış motorları şəkilləri axtararkən onları açar sözlər kimi təhlil edir.
Qrafik fayllar formatda ola bilər jpg, gif, png və mütləq rəng modelindəRGB.
Təcrübə 6
1. Ev sahələrinin siyahısından sonra internet səhifəsinə kottec layihələrinin şəkillərini daxil edin layihə_1.jpg və layihə_2.jpg qovluqdan cd/html_css_1 . Bunun üçün əvvəlcə bu iki şəkli main.html faylının yerləşdiyi qovluğa köçürün. Şəkillərin daxil edilməsi üçün kod belə görünəcək (Şəkil 18).
Şəkil 18
2. Nəticəyə brauzerdə baxın (Şəkil 19).
Şəkil 19
Əsasən etiketlərdən istifadə prinsipiHTMLaydın olmalıdır. Onlar eyni prinsipə əsasən istifadə olunur: əgər etiket konteyner etiketidirsə, onda açılış və bağlanma etiketi var. Teq təkdirsə, onda bağlama teqi yoxdur, bu halda sağ kəsik işarəsi bağlanan bucaq mötərizəsindən əvvəl yazılır, məsələn< br/>. Teq istər konteyner etiketi, istərsə də tək teq olsun, siz həmişə spesifikasiyaya baxa bilərsinizhtml401_ru.chm "elementlər" bölməsində.
4. Sayt daxilində ünvanlama
“HTML Səhifəsini Necə Yaratmaq olar” adlı ilk dərsliyimizdə biz HTML-də ünvanlama anlayışlarını araşdıracağıq.
Şəkilləri saytda müxtəlif qovluqlarda yerləşə bilən html faylına yerləşdirmək lazım olduqda ünvan seçimlərini nəzərdən keçirin.
Ünvanların iki növü var:
Mütləq ünvanlama (kompüter sürücü adlarından istifadə etməklə) istifadə olunmur(şəkil 20)
Şəkil 20
istifadə olunur nisbi ünvanlama - sənəd daxilində ünvanlanma və ya eyni serverdə sənədlər toplusu. Saytdakı fayla istinad etmək üçün brauzerə istədiyiniz fayla çatmaq üçün hansı yolu keçməli olduğunu söyləməlisiniz.
|
Misal 1 Şəkil HTML sənədi ilə eyni qovluqda yerləşir (Şəkil 21). Yəni, şəkil və HTML faylı fayl sistemində eyni səviyyədədir və HTML sənədi dərhal şəkli əlavə edə bilir. Bu halda veb səhifəyə şəkil daxil etmək belə görünəcək.
Şəkil 21 Praktik tapşırıq7 Nümunə 1-i həyata keçirin (qovluq, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil |
|
Misal 2 Şəkil şəkil. jpg qovluğundadır qovluq_1 . HTML sənədi_1 qovluğundan kənarda yerləşir. Bunlar. saytın fayl sistemində HTML sənədi şəkildən bir pillə yuxarıda yerləşir (Şəkil 22). Qovluq_1 daxil edin, sonra şəkil əlavə edin
Şəkil 22 Praktik tapşırıq8 2-ci nümunəni həyata keçirin (qovluq, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. |
|
Misal 3 Şəkil şəkil. jpg qovluğundadır qovluq_1 , bu da öz növbəsində qovluqdadır qovluq_2 . HTML sənədi bu qovluqlardan kənarda yerləşir (Şəkil 23). Beləliklə, HTML sənədi təsvirdən iki səviyyə yüksəkdir. Zəruri:
Şəkil 23 Praktik tapşırıq9 Nümunə 3-ü həyata keçirin (qovluqlar, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. |
|
Misal 4 qovluq_1 . Şəkil_1 qovluğundan kənardadır. Bunlar. HTML sənədi şəkildən bir səviyyə aşağıdadır (Şəkil 24). Siz qovluq_1 qovluğundan çıxmalı, sonra şəkli əlavə etməlisiniz. Qovluqdan çıxmaq konstruksiya ilə göstərilir ../ (iki nöqtə və sağa kəsik).
Şəkil 24 Praktik tapşırıq10 Nümunə 4-ü həyata keçirin (qovluq, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. |
|
Misal 5 HTML sənədi qovluqdadır qovluq_1 , bu da öz növbəsində qovluqda yerləşir qovluq_2 . Şəkil bu qovluqların xaricindədir. Beləliklə, HTML sənədi təsvirdən iki səviyyə aşağı yerləşir (Şəkil 25). Zəruri: İki dəfə çıxmaq lazım olduğundan, sonra tikinti ../ iki dəfə təkrarlanır.
Şəkil 25 Təcrübə 11 Nümunə 5-i həyata keçirin (qovluqlar, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. |
|
Misal 6 (şəkil 26) Zəruri:
Şəkil 26 Təcrübə 12 Nümunə 6-nı həyata keçirin (qovluqlar, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. |
|
Misal 7 (şəkil 27) Zəruri: Üç dəfə çıxmaq lazım olduğundan, sonra tikinti ../ üç dəfə təkrarlanır.
Şəkil 27 Təcrübə 13 Nümunə 7-ni həyata keçirin (qovluqlar, doc.html faylı yaradın, istənilən şəkil çəkin). Şəkil doc.html veb səhifəsinə daxil edilməlidir. Beləliklə, neçə dəfə çıxmaq lazımdırsa, bu qədər konstruksiyanı ../ qoyuruq və girsək yolda rastlaşdığımız qovluqların adlarını sadalayırıq. |
/
>
/
>
/
>
Təcrübə 14
1. Html sənədi yaradın və ona şəkil yapışdırın ki, şəkilə gedən yol aşağıdakı kimi olsun.
"
../../../../../../qovluq_1/qovluq_2/qovluq_3/image.jpg" /
>
2. Şəklin html sənədinə daxil edilməsinə dair öz nümunənizi hazırlayın ki, onda və çıxış qovluqlardan və giriş qovluqlara. Nümunə yuxarıda göstərilən bütün nümunələrdən fərqli olmalıdır.
Bu mövzu nəticəsində sizdə aşağıdakı fayllar olmalıdır:
Bir çox dil icad edilmişdir, lakin HTML xüsusi və ən çox axtarılan dillərdən biridir. Bir çox digər əsas proqramlaşdırma təşəbbüsləri onunla əlaqələndirilir. İşarələmə dili - HyperText Markup Language (HTML) haqqında bilik tərtibatçının zehnində mövcud olduqda çox şey əldə edilir.
Əslində, HTML-də mürəkkəb bir şey yoxdur və bir neçə dəqiqədən sonra proqramlaşdırmadan və İnternetdən ən uzaq olan istənilən şəxs notepadda HTML səhifəsi yaradacaq. Diqqətə layiq bir nümunə sadəlikdir, həqiqətən də hər kəs üçün əlçatandır.
ümumi təsviri
HTML faylı saytın bir səhifəsidir, baxmayaraq ki, bu mübahisə edilə bilər, lakin bir faylın bir səhifə təşkil etməsi ilə başlamaq üçün aydındır.
HTML faylı növü göstərən DOCTYPE başlığı ilə başlayır verilmiş fayl- HTML. Bütün səhifə elementləri (teqlər) bucaqlı mötərizədə göstərilmişdir. Hər bir cüt ("<» и «>") tək HTML teqini ehtiva edir. Tipik olaraq, HTML teqləri cütləşdirilir, yəni hər bir "teq" üçün "/tag" var. Hər ikisi bucaqlı mötərizələrə daxil edilmişdir. Tək teqlər var, onlardan ən populyarı "br/" növbəti sətirə keçiddir.
Fayldakı ən böyük teq HTML-in özüdür və yalnız iki teqdən ibarətdir: HEAD və BODY. Birincisində müxtəlif təsvirlər edilir, səhifəyə lazım olan digər fayllara keçidlər göstərilir, ola bilər PHP skriptləri və JavaScript. İkincisi səhifənin məzmununu qeyd edir. Həm də teqlər və skriptlər şəklində.
Sadə HTML səhifəsi
Belə bir səhifənin yaradılması nümunəsi aşağıda məqalədə verilmişdir. Gəlin bunu diqqətlə nəzərdən keçirək.
BAŞ BÖLÜMÜ
Əsas məqsəd səhifənin ümumi təsviri və ümumi skriptlərdir, baxmayaraq ki, sonuncu olduqca nisbi bir anlayışdır. Adətən burada yalnız iki şey vacibdir:
Səhifə məzmununun nümayişi üçün bu bölmənin məzmunu yalnız dolayı yolla aktualdır, çünki bu, başqa fayllarda başqa dillərin teqləri və skriptləri üçün CSS qaydaları olduğunu göstərir.
Ziyarətçi siçanı səhifənin açıq olduğu tab üzərində hərəkət etdirdikdə göstərilən HTML səhifəsi var. o mühüm məqam, çünki bu, səhifəni daha çox təqdim edir, başqa sözlə, oxunaqlı mətnlə imzalanır.
META teqləri ümumiyyətlə İnternet proqramlaşdırmasında vacibdir, lakin notepadda HTML səhifəsi yaratmaq lazım olduqda, nümunəni lazımsız konstruksiyalarla qarışdırmaq arzuolunmazdır.
HTML bilikləri möhkəmləndikdən sonra skriptlərə yaxınlaşmaq lazımdırsa, Kaskad Stil Cədvəllərinə dərhal müraciət edilməlidir. CSS faylları, xüsusən, HTML teqlərinin formatlaşdırılması qaydalarını təmin edir.
BODY bölməsi
Əslində, nümunə HTML səhifəsi BODY bölməsidir. Bütün məlumatlar, sayt səhifəsinin bütün məzmunu buradadır. Bütün məlumatlar teqlər və skriptlər şəklində təqdim olunur, məsələn, JavaScript kodunu və ya PHP proqramlarının hissələrini daxil etmək.
Məsələni başa düşmək vacibdir HTML veb səhifələri brauzerdə və mətn redaktorunda eyni nümunə, xüsusən notepad, bu eyni şeydən uzaqdır. Birinci halda, bütün skriptlərin icra olunduğu hazır HTML mətnimiz var. Məsələn, PHP öz hissəsini işlətdi və lazımi yerlərdə kodunun yerinə lazımi teqləri formalaşdırdı. JavaScript hələ ayrıca müzakirə edilməsə də, öz missiyasını yerinə yetirdi.
HTML skriptlər deyil, teqlərdir. Nəhayət, brauzer yalnız səhifənin məzmununu, yalnız etiketlərini göstərir. Orada PHP kodu yoxdur.
JavaScript xüsusi bir mövqedədir, onun narahatlığı səhifəyə yalnız yükləmə (yenidən yükləmə) anında deyil, həm də səhifənin ziyarətçinin brauzerində olduğu və onu öyrəndiyi anlarda xidmət göstərməkdir.
Sadə bir nümunə (yalnız BODY bölməsi) aşağıda verilmişdir.
Və ziyarətçinin brauzerində bu belə görünür:
Kod, brauzerin göstərdiyi elementlərin necə görünəcəyini dəqiqləşdirməyib. Bütün görünən üslublar CSS qaydalarındadır. Bu halda, istinad edilən Mcss/scPhpWordRW.css faylında (ilk HTML səhifəsi nümunəsinə baxın).
HTML-dən fərqli olaraq, CSS mövzusu daha sadədir, çox əlçatan qaydalar var və HTML səhifəsinin yaradılması nümunəsi notepaddan başqa heç nə tələb etmədikdə onların sayı azdır. Ani inkişaf üçün hər şey çox əlçatandır:
Bu, scLogo_vDoc teqinin necə sadə şəkildə təsvir edildiyini göstərir, təsviri belədir ki, teq normal olaraq vDoc-logo.png şəklini, siçan üzərində olduqda isə vDoc-logo-h.png şəklini göstərir.
HTML təsvirlərinin strukturu
Dil heç bir strukturu nəzərdə tutmur və burada sintaksis anlayışı çox nisbidir. Burada dəyişənlər yoxdur, lakin çoxlu imkanlar var. Hipermətnin fundamental əsası ondan ibarətdir ki, adı olmalı elementin (teq) olmasıdır.
Qoşalaşmış teq vəziyyətində ad faktiki addan (tagName) və bucaq mötərizəsindən ("<» + tagName +«>"), əgər danışırıq etiketin başlanğıcı haqqında və "” sonu qeyd olunarsa.
Atributları təsvir edən HTML səhifəsinin nümunəsi aşağıda mətndə yerləşir.
Teq atributlara malik ola bilər, bu halda onlar ">" bağlanma bucağı mötərizəsindən əvvəl teq adından sonra boşluq qoyulur. Atributlar, əgər teqdə varsa, yalnız etiketin əvvəlində yazılır. Teqin məzmunu etiketin əvvəli ilə sonu arasında olan şeydir.
HTML sizə blok və daxili elementləri təsvir etməyə imkan verir. Birincisi, brauzer pəncərəsində müəyyən bir sahəni tutur, tamamilə, yəni HTML səhifəsinin ekran sahəsində düzgün yerdə yerləşdirilə bilər və müəyyən bir ölçüyə malikdir.
Daxili elementlər ümumiyyətlə bir axında, yəni səhifə faylında göstərildiyi kimi göstərilir və ekranda göstərilir. Səhifə yükləndikdə paylaşılan axının göstərilməsi təsirlənə bilər. Blok səviyyəli elementlərin yerləşdirilməsi, görünmə qabiliyyəti və digər xüsusiyyətləri istənilən vaxt JavaScript kodu vasitəsilə təsirlənə bilər.
Sadə elementlərə əlavə olaraq, HTML cədvəlləri və formaları təsvir etməyi təklif edir. Bu elementlər "gündəlik veb saytın qurulmasında" çox tələb olunur.
Cədvəl təsviri: TABLE, TR, TD teqləri
TABLE teqindən istifadə etməklə siz cədvəl yarada, müəyyən sayda TR sıralarını və hər sətirdə müəyyən sayda TD xanalarını təyin edə bilərsiniz. Adi cədvəl təşkilatından fərqli olaraq, HTML işarələməsinin xüsusiyyətlərinə görə, cədvəl təşkilatı bu bəyannamə ilə məhdudlaşır, buna görə də tərtibatçı bütün sətirlərdəki sütunların sayının eyni olduğu düzbucaqlı bir cədvələ sahib olmaq istəyirsə, o zaman əməl etməlidir. bu öz başına.
HTML-nin əsas mövqeyi müəyyən edilmiş hər şeyi etməkdir, lakin başa düşülməyən heç bir şeyi etməkdir. Bəzi hallarda, cədvəlin hər bir sətirindəki sütunların sayı o qədər də vacib deyil, ancaq xanaları şaquli və ya üfüqi şəkildə birləşdirmək lazımdırsa, hər şeyi çox diqqətlə hesablamalı olacaqsınız.
Sadə cədvəli təsvir edən HTML səhifəsinin nümunəsi məqalədə aydın şəkildə göstərilmişdir.
Budur, üç cərgə üç sütun ölçüsü olan bir cədvəl və birinci sətirdə TD teqinin əvəzinə TH etiketi, sütun başlığı istifadə edilmişdir. Bu iki etiketin xüsusi fərqi yoxdur, lakin cədvəlin birinci cərgəsini fərqləndirmək üçün birincisindən istifadə etmək olduqca mümkündür və CSS-də onu digər TD-lərdən fərqləndirən öz stilinizi TH-yə əlavə edə bilərsiniz.
Formanın təsviri: FORM, INPUT teqləri
Formalar HTML teqlərinin ən çox tələb olunan hissəsidir. Formalardan məlumat göndərmək üçün istifadə edilə bilər. Əslində səhifənin özü məlumatın çıxışıdır, forma isə onun girişidir.
Sadə formanı təsvir edən HTML səhifəsinə nümunə:
Formalardan istifadə üçün daha çox variant var, lakin əsas xüsusiyyətlər aşağıdakılardır. Siz giriş sahələrini təyin edə, onlara dizayn və istifadəçi girişini təhlil etmək üçün işləyicilər təyin edə bilərsiniz. Siz gizli sahələri təyin edə və səhifədən fon məlumatını ötürə bilərsiniz. Məlumat ötürmək üçün düymələri təyin edə bilərsiniz, üzərinə klikləməklə məlumat ötürmə prosesi başlayır.
HTML istifadə
Hipermətn dilini bilmək İnternet proqramlaşdırma sahəsində istənilən ixtisas üzrə işdir, lakin əgər sizə PHP və ya JavaScript-də proqramlar yazmaq lazımdırsa, onda siz HTML+CSS-i mükəmməl bilməlisiniz.
PHP dili əvvəlki nümunədə təyin edilmişdir. PHP serverdə işləyir, ona görə də bu forma olan səhifə doldurulmuş sahələrlə serverdən brauzerə keçdi. Xüsusilə, INPUT etiketində (onblur hadisə idarəedicisi) qeyd olunan TestOnBlur funksiyası bütün parametrləri mətn sahələri kimi qəbul etdi.
JavaScript brauzerdə işləyir və məlumatların serverə geri göndərilməsi düyməsinin düzgün işləməsi üçün, yəni konstruksiya: onclick=jQuery("#to").val("səbət") olmalıdır. təkcə jQuery-nin nə olduğu haqqında deyil, həm də #to, val, cart nədir. Daha dəqiq desək, siz əsas HTML teqlərini bilməlisiniz və ümumi qaydalar onlara CSS üslublarını tətbiq etmək.
Bu, İnternet proqramlaşdırma sahəsində istənilən ixtisas üzrə bacarıqlarınızı tez bir zamanda təkmilləşdirmək üçün kifayətdir.
Salam əziz blog oxucuları. Bu məqalə ilə HTML dilinin əsaslarını öyrənməyə başlayacağıq.
Yəqin ki, siz artıq bilirsiniz ki, internetin əsas dilidir Hipermətn İşarələmə Dili (HTML). Bu yazıda biz HTML-nin əsas anlayışlarını öyrənəcəyik və ən sadə WEB səhifələrini necə yaratmağı öyrənəcəyik.
Ən vacibindən başlayaq, onun necə işlədiyini nəzərdən keçirək World Wide Web- İnternet. Veb səhifələri əldə etmək üçün siz HTML-də yazılmış fayllar yaradırsınız və onları veb serverə yerləşdirirsiniz. Bundan sonra İnternetə çıxışı olan bir cihazda quraşdırılmış istənilən brauzer, istər kompüter, telefon və ya planşet olsun, veb səhifələrinizi tapa bilər.
Veb server xüsusi ilə normal kompüterdir proqram təminatıİnternet çıxışı ilə. O, davamlı olaraq brauzerlərdən veb səhifələr, şəkillər, audio və video faylları üçün sorğular gözləyir. Bu resurslardan biri üçün sorğu aldıqdan sonra server onu axtarır və brauzerə göndərir.
Brauzer- bu xüsusi proqram, məsələn, veb-saytlara baxmaq üçün nəzərdə tutulmuşdur internet Explorer. Brauzerinizlə siz linklərə klikləməklə internetdə gəzirsiniz. İstənilən belə klik brauzerin veb serverə html səhifəsi üçün sorğu göndərməsinə, cavab almasına və səhifəni öz pəncərəsində göstərməsinə səbəb olur. Məhz səhifə göstərildikdə HTML dili işə düşür, o, brauzerə veb-səhifənin strukturu və məzmunu haqqında hər şeyi deyir. Əmrlərin köməyi ilə - etiketlər, HTML brauzerə mətnin paraqraflarının haradan başladığını, mətnin hansı hissəsinin başlıq olduğunu bildirir və cədvəllərin və hətta şəkillərin hara daxil ediləcəyini bildirir. Və etiketlər, məsələn, bucaqlı mötərizədə olan sözlərdir
,
