Այսօր, համացանցի պայթյունավտանգ աճի հետ մեկտեղ, ավելի ու ավելի շատ են օգտագործվում վեբ տեխնոլոգիաները, մասնավորապես HTML և ստանդարտ վեբ զննարկիչները: HTML (HyperText Markup Language) հիպերտեքստային նշագրման լեզու է: Այս ձևաչափը որոշում է փաստաթղթի տեսքը, տեքստի, գրաֆիկական և մուլտիմեդիա տեղեկատվության փոխադարձ դասավորությունը: Արշավները շատ մեծ գումարների համար զբաղվում են կայքերի ստեղծմամբ: Բայց «html-tags» - ի օգնությամբ դուք կարող եք ստեղծել ձեր սեփական ձեռքերով բավականին հետաքրքիր կայք:
Դա անհրաժեշտ է
- - բրաուզերը;
- - տեքստի խմբագիր:
Հրահանգներ
Քայլ 1
HTML ֆայլի ձևաչափը բավականին պարզ է: Ֆայլը կազմելը և փոփոխություններ կատարելը իրականացնում է ցանկացած տեքստային խմբագիր: Արդյունքները դիտելու համար օգտագործվում է վեբ զննարկիչ: HTML փաստաթղթերի հիմնական առավելությունը միմյանց խաչաձեւ հղում կատարելու ունակությունն է: Խաչաձեւ հղումները կօգնեն արագորեն հղել հետաքրքրող թեմայի վերաբերյալ լրացուցիչ տեղեկություններ պարունակող փաստաթուղթ, այնուհետև շարունակել աշխատել աղբյուրի տեքստի հետ: HTML լեզվով գրված ցանկացած փաստաթուղթ բաղկացած է էջի բովանդակությունից, այսինքն. տեքստ և հսկիչ նիշեր - պիտակներ: Բոլոր HTML պիտակները պետք է կցված լինեն անկյունային փակագծերում: Սովորաբար օգտագործվում են մեկնարկի և վերջի թեգերը: Ավարտվող պիտակը մեկնարկային պիտակից տարբերվում է կտրվածքի առկայությամբ:
Քայլ 2
Կայք ստեղծելու համար անցեք տեքստի խմբագիր (նոթատետր):
Դրանից հետո մուտքագրեք պիտակները.
HTML - / HTML - ցանկացած HTML փաստաթղթի առաջին և վերջին պիտակները:
HEAD - / HEAD - փաստաթղթի գլխի մեկնարկը և ավարտը:
TITLE - / TITLE - սահմանել փաստաթղթի վերնագիրը (զննարկիչի պատուհանի վերնագիր):
BODY - / BODY - HTML փաստաթղթի մարմնի սկիզբը և վերջը, որը սահմանում է փաստաթղթի բովանդակությունը:
Քայլ 3
Հաջորդը, դուք պետք է ոճավորեք տեքստը: Սա պահանջում է հետևյալ պիտակները.
Hx - / Hx - (x- ը թիվ է 1-ից 6-ը) նկարագրում է վերնագրերը վեց տարբեր մակարդակներում: Առաջին մակարդակի վերնագիրն ամենամեծն է, վեցերորդ մակարդակը ՝ ամենափոքրը:
P - / P - նկարագրեք պարբերություն (/ P նշանը կարող է բացակայել):
ALIGN- ը պարամետր է, որը որոշում է պարբերության հավասարեցումը.
ԱԼԻԳՆ = ԿԵՆՏՐՈՆ - կենտրոնի հավասարեցում;
ALIGN = RIGHT - աջ հավասարեցում;
ALIGN = LEFT - ձախ հավասարեցում:
BR - անցեք նոր տող ՝ առանց պարբերություն կոտրելու:
B - / B - տեքստը ցուցադրում է թավ տառերով:
I - / I - տեքստը ցույց է տալիս շեղ տառերով:
U - / U - ընդգծված տեքստ:
STRIKE - / STRIKE - տողադարձային տեքստ:
BLOCKQUOTE - / BLOCKQUOTE - ցուցադրում է գնանշումներ:
SUB - / SUB - ցուցադրում է բաժանորդագրությունները:
SUP - / SUP - վերագրերի ցուցադրություն:
TT - / TT - օգտագործել տառատեսակ `հաստատուն բնույթի լայնությամբ:
BIG - / BIG - բարձրացնել ընթացիկ տառատեսակի չափը:
ՓՈՔՐ - / ՓՈՔՐ - նվազեցնել ընթացիկ տառատեսակի չափը:
BASEFONT SIZE = n - (n- ը թիվ է 1-ից 7-ը) - տառատեսակի չափի բազային արժեքը:
FONT SIZE = + / - n - / FONT - փոխել տառատեսակի չափը:
FONT COLOR = # xxxxxx - FONT - տառատեսակի գույնը սահմանելը. Aqua - ծովի ալիք; Սեւ - սեւ; և այլն
BODY - փոխել ֆոնի գույնը:
HR - հորիզոնական գիծ, այս պիտակը կարող է օգտագործել հատկանիշներ.
COLOR - գծի գույնը;
SIZE - տողի լայնությունը պիքսելներով;
WIDTH - տողի լայնությունը պիքսելներով կամ որպես պատուհանի լայնության տոկոս;
ԱԼԻԳՆ - գծի հավասարեցում;
NOSHADE - նկար առանց ստվերի;
Երանգ - ստվերով նկարել:
Քայլ 4
Եթե Ձեզ անհրաժեշտ է ցանկացած ցուցակ տեղադրել ձեր կայքի մեջ, ապա պետք է նշեք պիտակները.
UL - / UL - չպատվիրված ցուցակ (թվարկում, առանց պատվերի).
LI - ցուցակի կետի սահմանում;
TYPE- ը ցուցակի նշիչ սահմանող պարամետր է.
ՏԵՍԱԿ = ՇՐCԱԿ - շրջան որպես շրջան օգտագործվում է շրջան:
TYPE = DISK - կետն օգտագործվում է որպես նշիչ;
TYPE + SQUARE - քառակուսին օգտագործվում է որպես նշիչ:
OL - / OL - համարակալված ցուցակ.
TYPE- ը պարամետր է, որը սահմանում է ցուցակի տեսակը.
ՏԵՍԱԿ = A - մեծ թվով լատինական տառերը կօգտագործվեն որպես ցուցակի համարներ.
ՏԵՍԱԿ = a - լատինական փոքրատառերը կօգտագործվեն որպես ցուցակների թվարկողներ;
ՏԵՍԱԿ = I - հռոմեական մեծ թվերը կօգտագործվեն որպես ցուցակի համարներ;
ՏԵՍԱԿ = i - հռոմեական փոքր թվանշանները կօգտագործվեն որպես ցուցակի համարներ.
START- ը ցուցակի մեկնարկային համարը սահմանող պարամետր է:
DL - / DL - ցուցակ բացատրություններով.
DT - ցուցակի կետի նշանակում;
DD- ն ցուցակի նյութի բացատրությունն է:
Քայլ 5
Որպեսզի ձեր կայքը չսահմանափակվի մեկ էջով, ստեղծեք մի քանիսը:Նավարկելու համար ձեզ հարկավոր են հիպերհղումներ, որոնք սահմանվում են հետևյալ պիտակներով.
A HREF = URL - / A - տեղադրում է փաստաթղթի մեջ հղում (պիտակների միջև, դուք պետք է մուտքագրեք հղման տեքստը):
HREF - էջի կամ ռեսուրսի հասցե;
URL - ռեսուրսի միատեսակ հասցե ՝ servis: // server [: port] [/path]:
ծառայություն - արձանագրության անվանումը (HTTP - HTML փաստաթուղթ մուտք, FTP սերվերից ֆայլ FTP հարցում, FILE մուտք
ֆայլ տեղական մեքենայի վրա);
սերվեր - նշելով ռեսուրսի անունը;
նավահանգիստ - նավահանգստի համար, որի վրա աշխատում է վեբ սերվերը.
ուղին այն գրացուցակն է, որտեղ գտնվում է ռեսուրսը:
A HREF = # էջանիշի անուն - / Ա - տեղադրեք տեղական հղում (պիտակների միջև, դուք պետք է մուտքագրեք հղման տեքստը):
A NAME = էջանիշի անուն - / A - սահմանեք այն էջանիշը, որի վրա կկատարվի հղումը:
Քայլ 6
Որպեսզի կայքը ձանձրալի չլինի, անհրաժեշտ է գրաֆիկական ձևավորում: Դա անելու համար օգտագործեք պիտակները.
BODY BACKGRAOUND = "file_name" - սահմանում է որպես ֆոն օգտագործվող նկարը:
IMG SRC = "file_name" - տեղադրեք գրաֆիկական ֆայլ HTML փաստաթղթում, այս պիտակը օգտագործում է պարամետրերը.
ALT = "text string" - սահմանում է տեքստի տող, որը ցուցադրվում է գրաֆիկական պատկերի փոխարեն, եթե զննարկիչը հաշմանդամ է դարձրել գրաֆիկան ինքնաբերաբար բեռնելու հնարավորությունը
HEIGHT, WIDTH - պատկերի բարձրությունը և լայնությունը պիքսելներով.
HPACE, VSPACE - ազատ տարածության լայնությունը, որը գրաֆիկականը տեքստից կտրում է հորիզոնական և ուղղահայաց;
ԱԼԻԳՆ - տեքստի հավասարեցում գրաֆիկայի նկատմամբ:
Քայլ 7
Եվ վերջին բանը, որ դուք պետք է անեք, տեքստային ֆայլը պահպանել *.html ձևաչափով, այնուհետև գործարկել ձեր զննարկչի միջոցով: Կայքը պատրաստ է