Սովորում ենք HTML

HTML պիտակները, որոնք զուգակցված են CSS լեզվի ոճերի հետ, թույլ են տալիս արագ և արդյունավետ կերպով ստեղծել կայքեր:

HTML-ի տեղը այլ լեզուների շարքում

Ինչպես գիտեք, լավ կայքկառուցված է առնվազն 5 լեզվով։

Ժամանակակից կայքը կառուցված է լեզուներով՝

1. HTML (կառուցվածք և դասավորություն).
2. CSS (ոճային բովանդակություն).
3. JavaScript (զննարկիչի գործողություններ):
4. PHP (սերվերի գործողություն).
5. SQL (տվյալների պահպանում).

HTML-ը հիմնական հիմնարար լեզուն է, որի վրա հիմնված են մյուսները: Հետևաբար, HTML սովորելը պետք է լինի առաջին քայլը բոլոր նրանց համար, ովքեր սովորում են, թե ինչպես կառուցել վեբ կայքեր:

Tag

HTML լեզուն իր ստեղծման օրվանից տարիների ընթացքում փոխվել է: Այս պահին ինտերնետային կայքերի մեծ մասն անցնում է լեզվի վերջին տարբերակին՝ HTML5: Բայց նույնիսկ HTML5-ում լեզվի հիմունքները մնում են անփոփոխ:

HTML էջի կառուցվածքը նման է սենդվիչի: Ինչպես սենդվիչն ունի երկու կտոր հաց, այնպես էլ HTML փաստաթուղթն ունի բացվող և փակվող HTML պիտակ:

Այս պիտակները, ինչպես սենդվիչի հացը, շրջապատում են ներսում ամեն ինչ:

Tag

Շարունակելով սովորել HTML, դուք անպայման պետք է ծանոթանաք թեգին: Ուղղակի մայր պիտակի ներսում գտնվում է կայքի ողջ բովանդակությունը, ներառյալ պիտակը: Այս թեգը պարտադիր է և պարունակում է կայքի էջի բոլոր կարգավորումները, որոնց համար այն գրված է։ Այս կարգավորումները տեսանելի չեն կայքի այցելուներին, դրանք տեսնում են միայն բրաուզերները (Google Chrome, Mozilla Firefox և այլն):

Վեբէջի կարգավորումների բլոկը պարունակում է բոլոր «չարտադրված» տարրերը, որոնք օգնում են դիտարկիչին ճիշտ ցուցադրել ձեր կայքը համացանցում:

Բոլոր տարբերակները, որոնքկարելի է կարգավորել պիտակի ներսում, մենք կդիտարկենք այն, բայց մի փոքր ուշ, երբ ժամանակը գա:

Tag

Թեգը, ինչպես և պիտակը, գտնվում է պիտակի ներսում:

Այս թեգը անհրաժեշտ է, որպեսզի ձեր կայքում ցուցադրվի այն տեղեկատվությունը, որը ցանկանում եք ցուցադրել:

Վերնագրերը, պարբերությունները, աղյուսակները, նկարները և հղումները միայն այն տարրերի փոքր մասն են, որոնք կարող են պարունակվել պիտակի ներսում:

HTML փաստաթղթի հիմնական կառուցվածքը՝

Ձեր առաջին կայքը

Այժմ դուք գիտեք, որ կարող եք ստեղծել վեբկայքեր՝ օգտագործելով HTML, և որ դրա համար օգտագործվում են հիմնական թեգերը.

• . Ուրվագծում է վեբ էջի սահմանները:
• . Պարունակում է կայքէջը դիտարկիչում ցուցադրելու կարգավորումներ։
• . Պարունակում է վեբ էջի բոլոր տարրերը (պատկերներ, տեսանյութեր, տեքստ և այլն), որոնք ցանկանում եք ցուցադրել կայքի այցելուներին:

Այլ պիտակներ, ինչպիսիք են,,, մենք շուտով կխոսենք:

Հիանալի կլիներ, եթե ընթերցողը ոչ միայն կարդա այս հոդվածը, այլև անմիջապես վազեր կատարելագործելու իր հմտությունները: Ձեր HTML հմտությունները բարելավելու համար դուք պետք է ստեղծեք ձեր առաջին կայքը, որը կծառայի որպես ձեր նոր հմտությունների փորձարկման վայր:

Հայտնի է, որ բջջային օպերատորները («ՄՏՍ», «ՄեգաՖոն» և այլն) մեզ մատուցում են բջջային ծառայություններ։ Նույն կերպ, կայքերի ստեղծման և կառավարման ծառայությունները մեզ տրամադրվում են հոսթինգ օպերատորների կողմից: Ձեր կայքը ստեղծելու համար այցելեք ցանկացած անվճար հոսթինգ օպերատորի կայք:

Հաստատված հոսթինգ մատակարարները ներառում են BEGET կամreg, օրինակ. Դուք կարող եք ընտրել ցանկացածին:

Կարճ գրանցումից հետո, 24 ժամ հետո, ավտոմատ կերպով կստեղծվի ձեր առաջին կայքը ինտերնետում, որը տեսանելի կլինի ողջ աշխարհին, և դուք կարող եք սկսել զբաղվել։

Կայքի ժամանակակից կառուցվածք

Այժմ, երբ դուք ունեք ձեր կայքը, ստուգեք, թե ինչ պիտակներ է պարունակում պիտակը և ինչպես են դրանք կազմակերպում տեղեկատվությունը կայքերում:

Վերևի նկարը կառուցվածքի սխեմատիկ ներկայացումն է, որը տրամադրվել է HTML լեզվի վերջին տարբերակին՝ HTML5: HTML5-ի հետ մեկտեղ եկան ոչ միայն նոր թեգեր, այլև կայքեր կառուցելու իմաստը: Բոլոր պիտակները, որոնք տեսնում եք նկարում, պարունակվում են հիմնական թեգի մեջ: Այս պիտակները օգնում են ձեզ «ուրվագծել» ձեր կայքի կառուցվածքը և տալ դրան իմաստ:

Օրինակ, թեգերի ներսում … հարմար է տեղադրել կայքի անվանումը (պիտակներ) և կայքի նկարագրությունը (պիտակներ):

Կայքի (պիտակի) մենյուը (հղումները) հարմար է պիտակների ներսում տեղադրել։

Հարմար է պիտակների ներսում տեղադրել տեղեկատվության ցանկացած մեծ բլոկ, որը կապված է նշանակության հետ: Դա կարող է լինել մի քանի հոդված, որոնցից յուրաքանչյուրը «փաթաթված» է պիտակներով, կամ լուսանկարներով (պիտակներով) կամ աղյուսակներով (պիտակներ

) և ավելին։

Հարմար է պիտակների ներսում տեղադրել ցանկացած տեղեկատվություն, որը չի համապատասխանում.

Թեգերի ներսում ընդունված է տեղադրել լրացուցիչ տեղեկություններ, ինչպիսիք են կոնտակտային տվյալները, կայքի լրացուցիչ բաժինները և այլն:

Այժմ դուք մի փոքր ավելի հմուտ եք այն հարցում, թե ինչից են պատրաստված ժամանակակից կայքերը: Բերենք օրինակգլխումս խառնաշփոթը փոխարինվեց խորաթափանցությունից ակնածանքով:

Այնպես որ, երբ բացում եք ֆայլերի կառավարիչը ձեր հոսթինգ օպերատորի կայքում և գտնում եք index.php անունով փաստաթուղթ, ազատ զգաք դրանում գրեք, կարծես զրոյից, ձեր կայքի կառուցվածքը։

Իմ առաջին կայքը

Էջի վերնագիր
Էջի նկարագրություն
Հղում 1 | Հղում 2 | Հղում 3

Որոշ հոդվածի վերնագիր

Սա բլոկ է, որը պարունակում է ցանկացած տեղեկատվություն, և CSS-ի օգնությամբ դուք կարող եք գունավորել այս բլոկը և ամբողջ կայքը իր ողջ բովանդակությամբ, ինչպես ուզում եք։ © Բոլոր իրավունքները պաշտպանված են

Հիշո՞ւմ եք, որ մենք ասել ենք, որ կայքի համար տարբեր կարգավորումներ կան: Դե, ահա այն:

1. Օգտագործելով մենք ցույց ենք տալիս բրաուզերներին, որ կայքը կարող է պարունակել ինչպես ռուսերեն, այնպես էլ անգլերեն տառեր (հակառակ դեպքում, երբ բացեք կայքը, կտեսնեք սարսափելի krakozyabry):
2. օգտագործվում է էջի անունը նշելու համար, որը կցուցադրվի դիտարկիչի ներդիրում և որոնման համակարգում («Yandex», Google և այլն):

Իհարկե, առանց CSS ոճավորման, ձեր կայքը ժլատ տեսք կունենա (սև տառեր սպիտակ ֆոնի վրա), բայց համոզվեք, որ նախ փորձեք գրել ձեր առաջին էջը HTML-ով:

Շնորհավորում ենք: Դուք հենց նոր եք ստեղծել ձեր առաջին վեբ էջը ձեր սեփական կայքում: Ավելի հետաքրքիր կլինի: