Ինչպես ստեղծել կայք ընդամենը մի քանի ժամում

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

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

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

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

HTML-ը նշագրման լեզու է, ինչը նշանակում է, որ էջի բովանդակությունը ձևավորելու համար անհրաժեշտ է ներառել պիտակներ. Յուրաքանչյուր պիտակ ներկայացնում է էջի տարրերից մեկը. Պիտակը նույնացվում է անկյունային փակագծով. Որոշ տարրեր պահանջում են միայն մեկ պիտակ, մինչդեռ մյուսները պահանջում են երկու. Փակվող պիտակը պարունակում է առաջ շեղ. Օրինակ, պարբերության թեգը ստեղծում է մի տարր, որը կոչվում է պարբերություն. Բացման և փակման պիտակների միջև եղած տեքստը կազմում է պարբերության տեքստը. Նմանապես, ul թեգը ստեղծում է չդասավորված ցուցակ.

Մինի ներառումների ցուցակի ստեղծում

Մինի-ներառող բաժնի ստեղծումը նույն վեբ էջի վրա տարբեր տարրեր կապելու արդյունավետ միջոց է. HTML էջը կարելի է բաժանել մի քանի ենթաբաժինների, յուրաքանչյուր բաժին պարունակում է տարրերի ցանկ. Այս տարրերը ծառայում են տարբեր նպատակների. Այբբենական կարգը ցուցադրելու համար կարող եք օգտագործել type հատկանիշը. Կարող եք նաև օգտագործել փոքրատառերը՝ a տառերով տարրերի ցանկ ստեղծելու համար, բ, կամ գ.

Տարր ավելացնելը հեշտ է. Պարզ HTML փաստաթուղթը պարունակում է թեգեր, որոնք սահմանում են դրա բովանդակությունը. Այս պիտակները սովորաբար գալիս են զույգերով. Բացման պիտակը օգտագործվում է դրա մեջ գտնվող տարրերը թվարկելու համար, մինչդեռ փակող պիտակը փակում է տարրը. Բացման պիտակը, կամ գլուխ, ներառում է փաստաթղթի վերաբերյալ նկարագրական տեղեկատվություն. Այս տեղեկատվությունը կարող է ներառել վերնագիր, ոճի թերթիկի տեղեկատվություն, սցենարներ, կամ մետա տեղեկատվություն. Փակման պիտակը, մյուս կողմից, փակում է տարրը.

Օգտագործելով html>-հատկորոշել

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

href= հատկանիշը բացում է հղման տարրը. Այն բանից հետո, երբ “=” նշան, դուք պետք է տեղադրեք հղման URL-ը. Կարող եք նաև օգտագործել մի քանի պարբերության տող մեկ վերնագրում. Փակող փակագիծը պարտադիր է. Սա թույլ չի տա, որ ձեր հղումները սխալ մեկնաբանվեն. html էջն ավելի հեշտ կարդալու համար, ավելացրեք ձեր կայքի հղումը. html>-պիտակը թույլ կտա ձեզ ավելացնել հղումներ, որոնք մատնանշում են մեկ այլ վեբ էջ.

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

Օգտագործելով html>-հատկորոշել՝ տեքստն ընդգծելու համար

Դուք կարող եք օգտագործել նշանը> հատկորոշել՝ HTML փաստաթղթերում տեքստն ընդգծելու համար. Դա համեմատաբար նոր HTML է 5 հատկանիշ, և այն սահմանում է պարբերության ընդգծված մասը. Նշան> թեգը աշխատում է՝ փոխելով հիմքում ընկած HTML փաստաթղթի ֆոնի գույնի հատկությունը. Նշան> թեգը աջակցում է ինչպես գլոբալ, այնպես էլ իրադարձությունների հատկանիշներին. Այն կնշի տեքստը դեղին կամ սև գույներով. Հնարավոր է նաև փոխել տեքստի գույնը հիմքում ընկած CSS ֆայլում.

Էկրանի ընթերցողներից շատերը չեն հայտարարում նշանի տարրը, բայց դուք կարող եք օգտագործել CSS բովանդակության հատկությունը կամ կեղծ տարրերից առաջ և հետո՝ պարզ դարձնելու համար, թե որ տեքստն եք ցանկանում ընդգծել:. Հայտարարությունները բազմակողմանի են և ավելորդ տեղեկատվություն են ավելացնում էջին, այնպես որ դուք պետք է դրանք խնայողաբար օգտագործեք. Օրինակ, Դուք կարող եք օգտագործել հայտարարությունները՝ ընդգծելու որոնման տերմինը կամ արգելափակել մեջբերումները. Հայտարարություններն աջակցվում են բոլոր հիմնական բրաուզերների կողմից.

Բացի ֆոնի գույնի ոճից, դուք կարող եք օգտագործել «highlightme’ դաս՝ ձեր HTML փաստաթղթում տեքստը ընդգծելու համար. Ֆոնի գույնի ոճը աջակցվում է բոլոր բրաուզերների կողմից. Կարող եք նաև օգտագործել «դեղին» բառը’ գունային կոդի փոխարեն. Դուք կարող եք օգտագործել նույն կոդը՝ տեքստի պարբերությունը կամ հատվածը նշելու համար. Կարող եք նաև օգտագործել CSS դասերը՝ տեքստը ընդգծելու համար.

Օգտագործելով html>-պիտակ՝ մինի ներառումների ցուցակ ստեղծելու համար

html>-թեգը օգտագործվում է մինի-ներառումների ցուցակ ստեղծելու համար. Այն պարունակում է համապատասխան փակման պիտակը, և տարրի անունը փոքրատառ է. HTML փաստաթղթերը կոդավորված են UTF-8 նիշերի կոդավորման միջոցով, որն աջակցում է Unicode նիշերի ընդգրկմանը. html-ն օգտագործելիս>-հատկորոշել, համոզվեք, որ ընտրեք UTF-8-ը “փրկել-որպես” երկխոսության տուփ.

Օգտագործելով html>-HTML էջին մինի ներառող ցուցակ ավելացնելու համար թեգը հեշտ է. Դուք կարող եք օգտագործել այս պիտակը ցանկացած տարրի համար, որն աջակցում է չդասավորված ցուցակին. Դուք նույնիսկ կարող եք օգտագործել չպատվիրված ցուցակը նավիգացիոն մենյուի համար. dl տարրը ներառում է տերմինների և նկարագրությունների զույգ ցուցակ. Պատվիրված ցուցակի տարրերը ցուցադրվում են ձախ կողմում աճող հաշվիչով. Կարող եք նաև բաց թողնել dl տարրը, եթե ցանկի տարրին անմիջապես հաջորդում է մեկ այլ տարր.

Մինի ներառումների ցանկը տեղադրելու մեկ այլ եղանակ է HTML փաստաթղթում ստորագիր տարր ավելացնելը. Այս տարրը ներկայացնում է հատվածի մոտակա բովանդակության ստորագիր. Այն սովորաբար պարունակում է տեղեկություններ հեղինակի մասին, հեղինակային իրավունքի տվյալներ, կամ կապակցված փաստաթղթերի հղումներ. Օգտագործելով html>-պիտակ՝ HTML էջի վրա ներառող մինի ցուցակ ստեղծելու համար

Օգտագործելով html>-հատկորոշել առանձին տեքստային բլոկները ընդգծելու համար

HTML5-ն ընդգծում է առանձին տեքստային բլոկները՝ նշանով> տարր. Այս HTML5 թեգը փոխում է աղբյուրի բովանդակության գույնը դեղին կամ սևի որոշակի երանգի, թույլ տալով ընթերցողին տարբերակել կարևոր տեքստը. Այն կարող է օգտագործվել նաև բովանդակության այն հատվածները նշելու համար, որոնք ավելի շատ ուշադրության կարիք ունեն, քան մյուս տեքստերը. Նշան> տարրը աջակցում է գլոբալ հատկանիշներին և իրադարձությունների ատրիբուտներին HTML-ում. Երբ օգտագործվում է ճիշտ, այս HTML5 թեգը կարող է բարելավել վեբ էջի ընթեռնելիությունը.

HTML4 ստանդարտը մերժում է ֆիզիկական ոճի նիշերի մակարդակի թեգերը. Նրանք զբաղվում են ներկայացմամբ, և ավելի լավ է այս նպատակների համար օգտագործել CSS. HTML5-ը կրկին ներկայացրել է դրանք. Դրանք այլևս հնացած չեն, բայց դրանք դեռ միակ միջոցը չեն առանձին տեքստային բլոկները ընդգծելու համար. Օգտագործեք CSS՝ HTML5-ով տեքստի առանձին բլոկներ ընդգծելու համար! Այս պարզ մեթոդը ընդգծում է առանձին տեքստային բլոկները բովանդակության մեջ.

Բոց: Դուք կարող եք օգտագործել այս CSS հատկությունը՝ տարրը պարունակող տարրի ձախ կամ աջ եզրը տեղափոխելու համար. Այն կարող է օգտագործվել ցանց կամ սյունակներ ստեղծելու համար. Կարող եք նաև օգտագործել float կոչվող CSS հատկությունը՝ iframe-ը կամ պատկերը բրաուզերի ձախ կամ աջ լուսանցք տեղափոխելու համար։. Այս հատկանիշները հեշտացնում են CSS-ով առանձին բլոկների ընդգծումը.