Ինչպե՞ս կազմել պարզ HTML կայք:


HTML կամ HyperText- ի նշման լեզու , ինչպես ասում է իր անունը, Markup լեզու է: Այն չի համարվում ծրագրավորման լեզու ավանդական իմաստով: Դա մի լեզու է, որի միջոցով ստեղծողը կարող է ստեղծել փաստաթղթեր և նշել տարբեր մասեր ՝ օգտագործելով HTML պիտակները. HTML ոգեշնչված էր SGML, և դրա առաջին վարկածը հայտնվեց 1990-ին ՝ CERN- ում.

HTML- ն ի սկզբանե նախատեսված էր պարզ ստատիկ փաստաթղթերի համար, այն ժամանակ, երբ Համաշխարհային ցանցը համարվում էր որպես փաստաթղթերի որոնման համակարգ: Ներկայումս գրեթե յուրաքանչյուր վեբ էջ օգտագործում է HTML, և այն դարձել է Համացանցի լեզուն: Վերջին կրկնությունը HTML5 է, որն օժանդակում է բոլոր հիմնական զննարկիչներին և ստեղծվում է որպես HTML 4-ի բարելավում, որը 1997-ին «ստանդարտացվել է»:.

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

Ինչու՞ պետք է HTML սովորել?

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

Հաճախ ժամանակները, մարդիկ կավելացնեն plugins / modules / extensions մի CMS, ինչպիսիք են WordPress, Drupal, Joomla և այլն, որպեսզի այն ընդլայնեն այն պարզ հնարավորությամբ, որը կարելի էր հասնել HTML- ի մի քանի տողերի միջոցով: Չնայած plugin- ը կարող է լինել ավելի պարզ, այն կարող է ավելացնել էջի բեռնման ժամանակներ, և դա ևս մեկ այլ բան է անհանգստացնել անվտանգության և թարմացումների առումով.

HTML- ը սովորելը շատ հեշտ է, և դա կարող է շատ զվարճալի լինել, քանի որ ակնթարթորեն տեսնում ես արդյունքները, ի տարբերություն ծրագրավորման լեզվի, որտեղ դուք պետք է կազմեք ձեր գրած ծածկագիրը: Դուք արդեն ունեք բոլոր գործիքները, որոնք անհրաժեշտ են HTML սովորելու համար, ունեք Վեբ դիտարկիչ և, իհարկե, ունեք տեքստի պարզ խմբագիր, ինչպիսին է notepad: Microsoft Word- ի նման ծրագրերը դա չեն անի, ձեզ հարկավոր է պարզ տեքստի խմբագիր `notepad, notepad ++: Գոյություն ունեն այսպես կոչված IDE (զարգացման ինտեգրված միջավայր), որը կօգնի ձեզ գրել HTML այնպիսի բնութագրեր, ինչպիսիք են շարահյուսության կարևորությունը կամ ինքնալրացումը:.

Բարեւ աշխարհ!

Կարող եք գրավել անվճար տեքստային խմբագիր, ինչպիսին է Notepad ++ կամ Sublime Text Editor- ը, և սկսեք այն: Պահպանեք դատարկ ֆայլը ձեր աշխատասեղանին որպես «hello.html»: Սա փոխելու է խմբագրիչը HTML ռեժիմով, այնպես որ կարող եք վայելել IDE- ի առավելությունները: Այժմ անցեք առաջ և մուտքագրեք հետևյալ տեքստը դրանում.

Բարեւ աշխարհ!

Բարեւ աշխարհ!

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

HTML հիմունքներ և 101

html հիմունքներ 101

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

    կարող են պարունակել ցուցակի կետեր
  • դրա մեջ Պարբերականի պիտակ

    կարող է պարունակել նոր տողի պիտակ
    , խարիսխի պիտակ , համարձակ , իտալիալ , և այլն պիտակները.

    Մեր օրինակում, հիմնական HTML թեգը պարունակում է գլխի պիտակ և մարմնի պիտակ: Գլխի պիտակում մենք կարող ենք նշել փաստաթղթի վերնագիրը, որը կցուցադրվի զննարկչի ներդիրի վերնագրում: Մարմնի մասում մենք ունենք H1 պիտակ կամ Heading 1 պիտակ.

    HTML թեգերը կարող են ունենալ այնպիսի ատրիբուտներ, որոնք կարող են փոխել պիտակի վարքագիծը, օրինակ, մենք կարող ենք ավելացնել H1- ի «ոճ» հատկությունը `նշելու դրա ոճը: Եթե ​​մենք ավելացնենք ոճը = “գույնը` կարմիր “, այնպես որ այն դառնում է

    Բարեւ աշխարհ!

    մենք կարող ենք փոխել դրա գույնը լռելյայն սևից կարմիր: Իհարկե, ավելի մեծ վեբ էջում ոճավորելը մեր տարրերը, մեկ առ մեկ, կարող է դառնալ խնդրահարույց, և դա կփչացնի մեր HTML- ը: Ավելի լավ մեթոդ կլիներ տարրին դասային ատրիբուտ կամ ID տալ, ապա այդ դասի կամ id- ի կողմից նշել դրա ոճը.

    Շատ են HTML ձեռնարկներ և ինտերնետում առկա ռեսուրսները, դուք կարող եք դիտել դասընթացներ YouTube- ում կամ The Great Curses Plus- ով կամ կարդալ ինտերնետի հազարավոր հոդվածներից մեկը HTML- ի մասին.

    Պետք է հիշել, որ անկախ նրանից, թե որքան եք կարդում կամ դիտում, հարկավոր է ձեռքերը կեղտոտել և սկսել HTML գրել: Դա սովորելու միակ եղանակն է, քանի որ այն գրելուն սկսելու րոպեն ավելի շատ հարցեր կունենաք, և այդ հարցերը կհանգեցնեն ավելի շատ հարցերի, մինչև չդառնաք վստահ և տիրապետող HTML- ին:.

    Ձևավորում և գրություններ

    Մաքուր HTML վեբ էջը ստատիկ է: Սա նշանակում է, որ այն չի կարող պարունակել դինամիկ փոփոխվող մասեր, օրինակ ՝ «Մեր վերջին նորությունները»: Եթե ​​դուք ստեղծում եք նորություններ բաժին պարունակող կայք, որը անընդհատ թարմացվում է, ապա պարզապես ստեղծելով հոդվածները, այնուհետև դրա վերաբերյալ հղումները թարմացնելը կարող է դառնալ բավականին հսկայական առաջադրանք.

    Մյուս կողմից, եթե դուք ստեղծում եք այցեքարտ կամ իմ մասին HTML կայք, որը չի փոխվում այդ հաճախակի, գուցե ամիսը մեկ կամ երկու անգամ, ապա ստատիկ HTML կայքը կատարյալ է: Քանի որ այն չունի «շարժվող» մասեր, ինչպիսիք են տվյալների շտեմարան, սերվերի կողմի վերամշակում (PHP, Python, Ruby և այլն), սխալվելու համար ավելի քիչ բան կա, և դա նույնպես զարմանալիորեն արագ է.

    Կարող եք ստատիկ էջը դարձնել դինամիկ `ավելացնելով JavaScript (ECMA սցենար ճշգրիտ լինել) դրան, որը սկրիպտային ծրագրավորման լեզու է: JavaScript- ի միջոցով կարող եք պատասխանել օգտագործողի մուտքագրմանը ՝ թաքցնելով կամ ցուցադրելով HTML- ի որոշ մասեր, կարող եք նաև փոխել ինտերնետային էջի տեսքը և զգացումը: Հետ AJAX- ը, Դուք կարող եք պահանջել լրացուցիչ ռեսուրսներ ձեր վեբ կայքից, ինչպիսիք են ենթածրագրերը, կապի ձևը կամ ձեր վերջին թվիթերը, և դրանք կարող եք ներառել ձեր վեբ կայք.

    HTML- ի լռելյայն ոճերը բավականին ձանձրալի են, այն սև տեքստ է սպիտակ ֆոնի վրա: Դուք կարող եք փոխել HTML- ի ցանկացած տարրի ոճը CSS- ով (Cascading Style Sheets): HTML- ում դուք չունեք վերահսկողություն այն մասին, թե ինչպես կպատրաստվի ձեր փաստաթուղթը, այն HTML- ի հատկություն է, ոչ թե թերություն: CSS- ի միջոցով կարող եք փորձել լինել մի փոքր ավելի ճշգրիտ, բայց դուք դեռ 100% վերահսկողություն չեք ունենա: Որոշ զննարկիչներ գործերը կանի մի փոքր այլ կերպ, քան մյուսները: Ներկայիս CSS տարբերակը, որն ապահովվում է բոլոր հիմնական դիտարկիչների կողմից, CSS3 է և ունի բազմաթիվ օգտակար հատկություններ, որոնց պակասում էին նախորդ ստանդարտը.

    CSS- ը հասկանալու համար դուք պետք է սկսեք տուփի մոդելից, այն սկզբում ձեզ կփրկի շատ խառնաշփոթ, և ձեզ համար կարևոր է հասկանալ սահմանի, լիցքաթափման, լուսանցքների միջև տարբերությունը, և այլն: CSS- ը բավականին հեշտ է սովորել և ինչպես HTML- ով, դուք անմիջապես կտեսնեք ձեր կատարած փոփոխությունները: Ինչպես արդեն նշվեց, ցանկացած HTML պիտակի վրա կարող եք ավելացնել id կամ դասի տարր, և այդ ids- ի և դասերի համար կարող եք գրել CSS կանոններ: Վերադառնալ մեր օրինակին ՝ գլխի բաժնում, եթե մենք գրենք հետևյալ տեքստը,

    մարմին {

    Ֆոնային գույնը `կապույտ;

    }

    այն կփոխի լռելյայն սպիտակ փաստաթղթի գույնը կապույտ.

    CSS- ի հետ հաշվի առնելը մի բան է, որ զննարկչի հատուկ պիտակներ կան, այնպես որ համոզվեք, որ ձեր կայքը ստուգում եք ՝ օգտագործելով տարբեր զննարկիչներ կամ գոնե Google Chrome, Mozilla Firefox, Internet Explorer 11 և Edge: Դժվար չէ արագ դիտել որոշ բջջային դիտարկիչներ, ինչպես նաև Safari IOS- ը.

    Եզրակացություն

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

    Նույնիսկ DIY վեբ-կայքերի բոլոր ձևավորողների հայտնվելով HTML- ն չի կարող հնացած համարվել: Այն ենթադրում է յուրաքանչյուր կայք և նույնիսկ CMS և վեբ կայքեր ստեղծող հզոր գործիքներ, որոնք հնարավորություն են տալիս կառուցել պրոֆեսիոնալ ձևավորված կայք ՝ առանց որևէ կոդավորման իմացության, գուցե ցանկանաք ինչ-որ կսմթել այստեղ և այնտեղ ձեր կայքում ՝ իրերը հենց այնպես ստանալու համար: ուզում են, որ դրանք լինեն: Ինչ-որ HTML սովորելը թույլ կտա ձեզ դա անել.

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

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map