Ինչպես ստեղծել կայք ՝ օգտագործելով Html

Բովանդակություն:

Ինչպես ստեղծել կայք ՝ օգտագործելով Html
Ինչպես ստեղծել կայք ՝ օգտագործելով Html

Video: Ինչպես ստեղծել կայք ՝ օգտագործելով Html

Video: Ինչպես ստեղծել կայք ՝ օգտագործելով Html
Video: Ինչպես ստեղծել կայք html5,css3 -ի և javascript -ի միջոցով: դաս 15 2024, Մայիս
Anonim

Այսօր, համացանցի պայթյունավտանգ աճի հետ մեկտեղ, ավելի ու ավելի շատ են օգտագործվում վեբ տեխնոլոգիաները, մասնավորապես HTML և ստանդարտ վեբ զննարկիչները: HTML (HyperText Markup Language) հիպերտեքստային նշագրման լեզու է: Այս ձևաչափը որոշում է փաստաթղթի տեսքը, տեքստի, գրաֆիկական և մուլտիմեդիա տեղեկատվության փոխադարձ դասավորությունը: Արշավները շատ մեծ գումարների համար զբաղվում են կայքերի ստեղծմամբ: Բայց «html-tags» - ի օգնությամբ դուք կարող եք ստեղծել ձեր սեփական ձեռքերով բավականին հետաքրքիր կայք:

Ինչպես ստեղծել կայք ՝ օգտագործելով html
Ինչպես ստեղծել կայք ՝ օգտագործելով html

Դա անհրաժեշտ է

  • - բրաուզերը;
  • - տեքստի խմբագիր:

Հրահանգներ

Քայլ 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 ձևաչափով, այնուհետև գործարկել ձեր զննարկչի միջոցով: Կայքը պատրաստ է

Խորհուրդ ենք տալիս: