Ինչպես ստեղծել HTML էջ

Եթե ​​ցանկանում եք ստեղծել ձեր սեփական վեբ էջը, դուք պետք է հասկանաք HTML-ը. Այս հոդվածը բացատրում է, թե ինչպես ստեղծել HTML էջ. Նաև, դուք կսովորեք, թե ինչպես ստեղծել xml կայքի քարտեզ և ինչպես ավելացնել նկար և հղում. Կարևոր է նաև xml կայքի քարտեզ ստեղծելը, որը կարող է օգնել ձեզ կազմակերպել ձեր կայքը և ավելացնել ձեր տրաֆիկը. Հաջորդ քայլը ձևանմուշ ընտրելն է.

HTML էջի ստեղծում

HTML-ը նշագրման լեզու է. Վեբ էջի յուրաքանչյուր տարր ներկայացված է պիտակով. Պիտակը որոշվում է անկյունային փակագծերով, և յուրաքանչյուր տարր ունի մեկ կամ մի քանի պիտակներ. Որոշ տարրեր պահանջում են միայն մեկ պիտակ; մյուսները կարող են պահանջել երկուսը. Բացման և փակման պիտակներն ունեն առաջ շեղ (/). Օրինակ, պարբերության տարրը ներկայացված է p պիտակով. Բացման և փակման պիտակների միջև եղած տեքստը պարբերության տեքստն է.

HTML փաստաթուղթ ստեղծելու համար, դուք պետք է օգտագործեք տեքստային խմբագրիչ. Շատ համակարգիչներ լռելյայն ունեն տեքստային խմբագրիչ. Windows-ի օգտվողները կօգտագործեն Internet Explorer-ը, մինչդեռ Mac-ի օգտվողները կարող են օգտագործել TextEdit-ը. Դուք կարող եք տեղադրել շքեղ տեքստային խմբագրիչ՝ պրոֆեսիոնալ տեսք ունեցող վեբ էջ ստեղծելու համար, բայց ձեր առաջին HTML էջի համար, դա անհրաժեշտ չէ. Կարող եք նաև օգտագործել պարզ տեքստային խմբագրիչ և ցանկացած վեբ բրաուզեր. Եթե ​​վստահ չեք, թե որ ծրագիրն օգտագործել, փորձեք ներբեռնել անվճար HTML խմբագիր.

html էջն ունի երկու հիմնական բաժին: մարմինը և գլուխը. Մարմնի բաժինը պարունակում է կայքի իրական բովանդակությունը, մինչդեռ գլխի բաժինը օգտագործվում է վերնագրի և մետա տեղեկատվության համար. Մարմինը պարունակում է մնացած բոլոր տարրերը, ներառյալ պատկերներ և այլ գրաֆիկա. Վերնագրի բաժինը ձեր նավիգացիոն հղումները տեղադրելու տեղն է. Մարմինը գրելուց հետո, դուք պատրաստ եք տեղադրել փաստաթղթի բովանդակությունը. Համոզվեք, որ օգտագործեք մարմնի և գլխի տարրերը, որպեսզի ձեր կայքը հասանելի լինի բոլորին.

Xml կայքի քարտեզի ստեղծում

Եթե ​​ունեք HTML էջ, դուք կարող եք ստեղծել XML կայքի քարտեզ, որը կօգնի որոնման համակարգերին սողալ ձեր կայքը. Չնայած դա չի ազդի ձեր որոնման վարկանիշի վրա, դա կօգնի որոնողական համակարգերին հասկանալ ձեր բովանդակությունը և հարմարեցնել դրանց սողացող արագությունը. Այս կերպ, Ձեր կայքը ավելի տեսանելի կլինի որոնման արդյունքներում. Ահա մի քանի հեշտ քայլեր սկսելու համար:

HTML կայքի քարտեզ ստեղծելը հեշտ է անել. Այն ամենը, ինչ դուք պետք է անեք, ձեր կայքի էջերի պարզ աղյուսակն է, յուրաքանչյուր էջի հղումներով. Այնուհետև կապեք այդ կայքի քարտեզի էջին վերնագրի կամ ստորագրի մեջ. Այս կերպ, անկախ նրանից, թե քանի էջ ունի ձեր կայքը, մարդիկ հեշտությամբ կարող են նավարկել դրանց միջով. Ավելին, դուք պետք չէ SEO ներկայացնել կայքի քարտեզ ստեղծելու համար.

Երբ ձեր HTML էջը ակտիվ է, ուղարկել այն Google Search Console-ին. Դուք կարող եք օգտագործել ցանկացած ֆայլի ընդլայնում և անվանել ձեր XML կայքի քարտեզը. Դուք կարող եք Google-ին ներկայացնել XML կայքի քարտեզը, բայց դա անհրաժեշտ չէ. Google-ի որոնիչներն ընդհանուր առմամբ բավականին լավ են նոր բովանդակություն հայտնաբերելու հարցում, և ձեզ հարկավոր չէ կայքի քարտեզ ներկայացնել նրանց. Դուք կարող եք այն ներկայացնել նաև այլ որոնման համակարգերում, բայց դա չի երաշխավորում, որ ձեզ կհայտնաբերեն Google-ը.

Անհրաժեշտ չէ ձեր վեբ էջին XML կայքի քարտեզ ավելացնել, բայց դա կբարձրացնի ձեր կայքի SEO-ն. Կայքի քարտեզներն օգտագործվում են որոնման համակարգերի կողմից՝ օգնելու նրանց ինդեքսավորել այն էջերը, որոնք ուղղակիորեն կապված չեն վեբ էջի հետ:. Կայքի քարտեզները նաև օգնում են բարելավել հարուստ մեդիա բովանդակության հասանելիությունը. Կայքի քարտեզի ավելացումը ձեր վեբ կայքին կարող է օգնել ձեր կայքը ավելի հասանելի դարձնել որոնման համակարգի բոտերին.

Նկարի ավելացում

HTML-ում, Դուք կարող եք պատկեր ավելացնել էջին՝ օգտագործելով img թեգը. Այս թեգը պարունակում է միայն պատկերը և դրա ատրիբուտները; այն չի պահանջում փակման պիտակ. Այս պատկերի պիտակը պետք է տեղադրվի HTML փաստաթղթի հիմնական հատվածում. Բացի նկարի լայնությունից և բարձրությունից, դուք պետք է ներառեք նկարը նկարագրող alt հատկանիշ. alt պիտակը պետք է գրվի այնպես, կարծես նկարագրությունը գրում եք այն մարդու համար, ով չի կարող տեսնել այն.

HTML փաստաթղթում նկար ավելացնելը պահանջում է CSS և HTML-ի մի փոքր գիտելիքներ. Պատկերի չափը և լուծումը կարևորագույն գործոններից երկուսն են, որոնք պետք է հաշվի առնել. Պատկերի չափը կորոշի, թե ինչպես է այն տեղավորվելու փաստաթղթի բովանդակության մեջ. Եթե ​​նախընտրում եք օգտագործել այլ լուծում կամ կողմի հարաբերակցություն, կարող եք նաև փորձել փոխել պատկերի չափը. Այնուամենայնիվ, հիշեք, որ մասշտաբը միշտ չէ, որ աշխատում է այնպես, ինչպես սպասում եք.

Պատկերի չափը կարգավորելու լավ կանոնը դրա լայնությունը մեծացնելն է. Լայնությունը պետք է լինի բարձրությունից առնվազն մեկ պիքսել փոքր. Եթե ​​պատկերը չափազանց փոքր է ցուցադրելու համար, կարող եք եզրագիծ ավելացնել, և այնուհետև հարմարեցրեք այն պատկերի չափին համապատասխանելու համար. Կարող եք նաև հարմարեցնել պատկերի եզրագիծը՝ այն ավելացնելով սահմանային հատկանիշին. Եզրագծի հաստությունը լռելյայն արժեքն է, բայց դուք կարող եք սահմանել այն ցանկացած արժեքի. Համոզվեք, որ պատկերն ունի src հատկանիշ.

Հղման ավելացում

Դուք կարող եք HTML-ով հղում ավելացնել ձեր փաստաթղթին՝ օգտագործելով a> նշել href հատկանիշով. Սա փաստաթղթի համար էջանիշ կստեղծի և այն կբացի նոր ներդիրում. Կարող եք նաև օգտագործել href հատկանիշը՝ փաստաթղթում պատկեր տեղադրելու համար. Կարող եք նաև օգտագործել JavaScript կոդով հղում՝ HTML կոճակը հղման փոխակերպելու համար. Սա անելուց հետո, դուք կարող եք ոճավորել ձեր հղումը CSS կամ JavaScript կոդով.

Հղումը կապ է մի վեբ ռեսուրսից մյուսին. Այն բաղկացած է երկու ծայրից, աղբյուրի խարիսխ և նպատակակետ խարիսխ. Հղումը կարող է լինել ամեն ինչ՝ պատկերից մինչև տեքստային ֆայլ. Սոցիալական ցանցերի և կայքերի մեծամասնությունը հղումներ է օգտագործում՝ օգտվողներին որոշակի URL ուղղորդելու համար. HTML-ը կարող է օգտագործվել նաև հղումի գտնվելու վայրը նշելու համար. Դրա «ա’ հատկանիշը թույլ է տալիս կոդի տարրերը կապել URL-ին.

Հղում նախագծելիս, համոզվեք, որ հաշվի առնեք, թե ինչպես ձեր այցելուները կօգտագործեն բովանդակությունը. Հղման տեքստը պետք է լինի նկարագրական, որպեսզի նրանք հստակ իմանան, թե ինչ պետք է ակնկալեն. Նույն URL-ի կրկնությունը տգեղ է էկրանի ընթերցողների համար, և դա նրանց ոչ մի օգտակար տեղեկատվություն չի տալիս. Էկրանի ընթերցողները նաև օգտատերերին ասում են, թե երբ կան հղումներ՝ դրանք դարձնելով տարբեր ոճավորված կամ ընդգծված. Այս կերպ, նրանք հեշտությամբ կարող են գտնել իրենց անհրաժեշտ տեղեկատվությունը.

Սեղանի ավելացում

HTML էջին աղյուսակ ավելացնելը պարզ է, բայց կան մի քանի բաներ, որոնք դուք պետք է հաշվի առնեք նախքան դա անելը. Ձեր սեղանի ֆոնի գույնը շատ կարևոր է այցելուների ուշադրությունը գրավելու և կարևոր տեղեկատվության վրա ուշադրություն հրավիրելու համար. Աղյուսակի վերնագրի և տվյալների տարրի համար կարող եք այլ գույն սահմանել՝ օգտագործելով վեցանկյուն գունային կոդեր կամ գունային անուններ. Ամեն դեպքում, ձեր սեղանը հեշտությամբ տեսանելի կլինի.

Դուք կարող եք ավելացնել աղյուսակի վերնագիր և աղյուսակի տվյալներ td տարրով, որը սահմանում է անհատական “տուփեր” բովանդակության համար. Աղյուսակի վերնագրի ավելացումը վեբ էջում տվյալների ցուցադրման առաջին քայլն է, և եթե ցանկանում եք, պետք է ավելացնեք առաջինը. Աղյուսակը պետք է ունենա նաև երեք տող վերնագիր. Մեկ վերնագիր պետք է դատարկ լինի. Եթե ​​ձեր աղյուսակն ունի սյունակներ, Դուք նաև պետք է ստեղծեք տողերի վերնագրեր յուրաքանչյուր սյունակի համար.

Կարող եք նաև ենթագրեր ավելացնել ձեր սեղանին. Վերնագիրը կամընտիր տարր է, որը նկարագրում է աղյուսակի նպատակը. Ենթագրերը նույնպես օգտակար են մատչելիության համար. Աղյուսակը կարող է պարունակել նաև տվյալների խմբերը նկարագրող բջիջներ. Վերջապես, Դուք կարող եք ավելացնել thead տարրը տողերի և սյունակների մի շարք սահմանելու համար. Դուք կարող եք օգտագործել երկու տարրերը միասին կամ առանձին. Դուք նույնիսկ կարող եք դրանք օգտագործել համակցված, բայց մակագրությունն ամենակարևորն է.

Div-ի ավելացում

HTML ֆայլին div ավելացնելը թույլ է տալիս ավելացնել ձեր վեբ էջի մի հատված՝ առանց ամբողջ էջը նորից գրելու. Div տարրը հատուկ կոնտեյներ է տեքստի համար, պատկերներ, և այլ տարրեր. Դուք կարող եք անվանել այն, ինչ ցանկանում եք, և փոխել դրա հատկանիշները՝ ձեր կարիքներին համապատասխան. Կարող եք նաև դաս կամ լուսանցք ավելացնել՝ ձեր էջի div-ի և այլ տարրերի միջև տարածություն ստեղծելու համար.

Դուք կարող եք նաև օգտագործել innerHTML հատկանիշը div-ի ներսում կոդը տեղադրելու համար. Այս մեթոդն ընդունում է տողի մեջ փակված ծածկագիրը, իսկ եթե դա չի մտնում div, բովանդակությունը կհեռացվի. Դուք պետք է խուսափեք այս կերպ կոդը div-ում տեղադրելուց, քանի որ այն կարող է բացահայտել ձեր վեբ կայքը միջկայքային սկրիպտավորման խոցելիության մեջ. Եթե ​​դուք օգտագործում եք սկրիպտավորման լեզու, ինչպիսին է JavaScript-ը, կարող եք օգտագործել innerHTML հատկանիշը.

Div-ը հիմնական HTML թեգ է, որն օգտագործվում է փաստաթղթում կոդը խմբավորելու համար. Այն կարող է պարունակել պարբերություն, արգելափակման մեջբերում, պատկեր, աուդիո, կամ նույնիսկ վերնագիր. Դրա դիրքը թույլ է տալիս էջի տարբեր բաժիններում կիրառել միասնական ոճ և լեզու. Div-ները լավագույնս օգտագործվում են հաջորդական տարրերի խմբերին բնորոշ իմաստաբանությունը նշելու համար. Div-ը պետք է օգտագործվի, երբ ցանկանում եք ոճ ավելացնել բաժինը, առանց ամբողջ էջը վերաշարադրելու.