Dummies- ի հիմնական HTML ուղեցույց

Contents

Նավիգացիա.

Այս ուղեցույցը բաղկացած է հետևյալ առարկաներից.


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

    Սրա հետ կապված խնդիրն այն է, որ եթե դուք չգիտեք մի քանի հիմունքներ, ձեր բլոգում հեշտությամբ կարող եք բախվել իրական դժվարությունների և ստիպված կլինեք վարձել թանկարժեք ծրագրավորող ՝ շտկելու համար, ինչը կարող է լինել փոքր խնդիր: Ոչ միայն դա, այլև ձեր բլոգում փոփոխություններ ստեղծելը, ինչպիսիք են սովորական տեքստային վիդջեթ ավելացնելը, մի փոքր գիտելիք է պահանջում.

    Եվ եթե դուք զգում եք, որ բովանդակության դասավորությունը ճիշտ տեսք չունի, HTML գիտելիքները կարող են ձեզ հետամուտ լինել.

    Ահա HTML ուղեցույցի մեր տարբերակն ՝ բլոգերների և ոչ տեխնոլոգիական առցանց բիզնեսի տերերի համար.

    HTML- ն այսօրվա ինտերնետի ողնաշարն է: Միլիոնավոր կայքեր միասին կազմեցին ինտերնետը: Որտեղ HTML- ն այս բոլոր կայքերի կառուցման բլոկն է.

    Սկսնակ Q&Ա

    1- Ինչ է HTML- ը?

    HTML- ը հապավումն է Հyper Տընդարձակ Մարկուպ Լտառապանք Այն ստանդարտ լեզու է վեբ բրաուզերների համար բովանդակության պիտակավորման համար.

    HTML- ը ներկայացված է «Elements» – ով: Տարրերը հայտնի են նաև որպես «Պիտակ».

    2- Ինչու՞ է պետք HTML?

    Վեբ զննարկիչները կարող են վեբ կայք մատուցել միայն այն ժամանակ, երբ այն գրված է իրենց օժանդակ լեզվով: HTML- ը նշագրման ամենատարածված լեզուն է և առավելագույն ընդունում ունի վեբ դիտարկիչներին.

    Դրա համար ձեզ հարկավոր է HTML.

    3- HTML գործը զգայուն է?

    HTML- ը զգայուն չէ: Բայց լավագույն պրակտիկան HTML- ը պատշաճ դեպքերում գրելն է.

    Քո առաջին HTML ֆայլը ստեղծելու քայլերը

    Կարող եք ստեղծել հիմնական HTML ֆայլ ՝ օգտագործելով Notepad- ը ձեր համակարգչում: Բայց ցավալի կլինի շատ կոդերի տողեր գրելու համար.

    Ձեզ հարկավոր է կոդերի խմբագիր: Լավ ծածկագրերի խմբագրիչը ավելի հեշտ կդարձնի մեծ կոդեր գրելն ու կազմակերպումը.

    Ես օգտագործում և խորհուրդ եմ տալիս Notepad ++ (անվճար և բաց կոդով) վեբ լեզուներ գրելու համար: Կան այլ խմբագիրներ, որոնք կարող եք օգտագործել `Sublime Text, Atom և այլն.

    Ահա այն, ինչ դուք պետք է անեք.

    1. Տեղադրեք կոդերի խմբագիր
    2. Բացեք այն
    3. Ստեղծեք նոր ֆայլ
    4. Պահպանեք այն որպես .html ֆայլ

    Դուք պատրաստ եք գնալ!

    1- Ողջույն աշխարհ!

    Հետևեք հետևյալ ծածկագիրը պատճենեք և տեղադրեք ձեր նոր HTML ֆայլը և պահեք այն: Այժմ այն ​​գործարկեք ձեր վեբ զննարկիչում.

    Կոդ ՝

    Իմ առաջին վեբ էջը

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

    Արդյունք:

    Շնորհավոր Դուք ստեղծել եք ձեր առաջին HTML ֆայլը: Պետք չէ հասկանալ դա այս պահին: Մենք դա շուտով կապահովենք.

    Հասկանալով HTML կառուցվածքը

    Յուրաքանչյուր HTML ֆայլ ունի ընդհանուր մերկ կառուցվածք: Ահա այստեղից ամեն ինչ սկսվում է: Եվ կոդերի յուրաքանչյուր մեծ էջ կգա այս կառույցին քանդելուց հետո.

    Եկեք փորձենք դա հասկանալ «Բարև աշխարհ»: կոդ Հետևյալ տարրերը պարտադիր մասեր են յուրաքանչյուր HTML ֆայլի համար.

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

    2- HTML պիտակներ

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

    HTML պիտակները սովորաբար ունեն բացման և փակման պիտակ: Բացման պիտակը ունի հիմնաբառով շրջապատված պակաս բառից (<) և ավելի մեծ, քան (>) նշան. Փակման պիտակը ամեն ինչ նույնն է, բայց լրացուցիչ առաջի կտրատումը (/) պակասից ցածր (<) նշան.

    (2 ա) Head Tags

    Գլխի բոլոր պիտակները անցնում են և. Դրանք պարունակում են մետա տեղեկատվություն վեբ զննարկչի և որոնիչների համար: Դրանք հիմնականում չունեն տեսողական արտադրանք.

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

    Կոդ ՝

    Իմ առաջին վեբ էջըՎերնագիր պիտակը հայտնվում է ձեր զննարկչի վերևում.

    Հղման պիտակը կապում է ձեր HTML էջը արտաքին ռեսուրսների հետ: Դրա հիմնական օգտագործումը HTML էջը CSS ոճային թերթերի հետ կապելն է: Դա ինքնուրույն փակող նշիչ է և ավարտին պետք չէ: Այստեղ rel- ը վերաբերում է ֆայլի հետ հարաբերություններին, իսկ src- ը `աղբյուրը.

    Կոդ ՝

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

    Կոդ ՝

    Սցենարի պիտակը օգտագործվում է սերվերային կողմի սցենարը ներառելու կամ արտաքին սցենարային ֆայլի հղում կազմելու համար: Այն կարող է ունենալ երկու հատկանիշ բացման պիտակի մեջ: Մեկը տեսակն է, մյուսը ՝ աղբյուրը (src).

    Կոդ ՝

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

    Կոդ ՝

    Ավաղ: Գրությունները անջատված են.

    (2 բ) մարմնի պիտակներ

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

    դեպի

    Սրանք վերնագրի պիտակներն են: Ամենակարևոր վերնագիրը պիտակավորված է

    և ամենաքիչը կարևորը
    . Դուք պետք է դրանք օգտագործեք ճիշտ հիերարխիայում.

    Կոդ ՝

    Սա h1 խորագիր է

    Սա h2 խորագիր է

    Սա h3 խորագիր է

    Սա h4 խորագիր է

    Սա h5 խորագիր է
    Սա h6 խորագիր է

    Արդյունք:

    Ձևաթղթերի ձևաչափում

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

    Կոդ ՝

    Դուք կարող եք առանձնացնել ձեր տեքստը շատ առումներով.

    Դու կարող ես համարձակ, ընդգծել, italic, mark, subscript, superscript և այլն!

    Արդյունք:

    Կարող եք շեղել որոշ կոդեր դրանցից `մեկնաբանության պիտակի օգտագործմամբ: Կոդը կհայտնվի աղբյուրի կոդով, բայց չի տրամադրվի: Այս նշանի հիմնական օգտագործումը html ֆայլերի փաստաթղթերի ստեղծումն է `հետագա հղման համար.

    Օրինակ:

    Jeffrey Wilson Administrator

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