HTML առաջին քայլեր – դաս 1 – h1–h6, p, strong թեգերը

11/05/2025, by Ivan

Ինչպես ստեղծել HTML փաստաթղթեր, կարդացեք՝ HTML–առաջին քայլեր բաժնում։

Վերջին դասում մենք ստեղծեցինք մեր առաջին HTML փաստաթուղթը։

<html>
  <head>
    <title>Իմ առաջին HTML փաստաթուղթը</title>
  </head>
  <body>
    HTML — իմ առաջին քայլերը
  </body>
</html>

Այս դասում մենք կլրացնենք մեր փաստաթուղթը տեքստով։ Եկեք ավելացնենք HTML–ի ամենատարածված թեգը՝ ։ Մի մոռացեք, որ թեգերը գրելու են լատինատառ և դա ոչ ռուսական «եր» տառն է։ թեգը կարճ է paragraph (պարագրաֆ) բառից և նշանակում է տեքստի պարբերություն։

Բոլոր տեքստը HTML–ում պետք է պարունակված լինի ինչ֊որ թեգի մեջ, ուստի մեր փաստաթղթում տեքստը փաթաթենք թեգի մեջ․

<html>
  <head>
    <title>Իմ առաջին HTML փաստաթուղթը</title>
  </head>
  <body>
    <p>HTML — իմ առաջին քայլերը</p>
  </body>
</html>

Իրականում մեր փաստաթուղթը գրեթե չի փոխվել, բայց HTML–ի կառուցվածքն ավելի ճիշտ դարձավ։ Կարող ենք ավելացնել ևս մի քանի պարբերություններ․

<html>
  <head>
    <title>Իմ առաջին HTML փաստաթուղթը</title>
  </head>
  <body>
    <p>HTML — իմ առաջին քայլերը</p>
    <p>Ամեն որսորդ ցանկություն ունի</p>
    <p>իմանալ որտեղ</p>
    <p>նստած է фаз Cancan фазанը</p>
  </body>
</html>

Ինչպես տեսնում եք, ամեն ինչ պարզ է։ թեգերը տեղ եք դասավորված նույն մակարդակում։

Եկեք ավելացնենք մեր փաստաթղթում վերնագիր։ Ինչո՞ւ են անհրաժեշտ վերնագրերը HTML–ում։ Նախ՝ տեքստը կառուցվածքային դարձնելու համար. կառուցվածքային տեքստը հեշտ է կարդալ և հասկանալ։ Երկրորդ՝ վերնագրերը կարևոր են որոնողական համակարգերի համար, այնպես որ չարժե շեղվել դրանցից։

Վերնագրերի համար օգտագործում ենք h1, h2, h3, h4, h5, h6 թեգերը։ h–ից հետո թվանշանը (header–ի կրճատ) ցույց է տալիս վերնագրի կարևորությունը։ h1–ը պետք է լինի միայն մեկը էջում և ցույց տա, թե ինչի մասին է էջը։ Հաջորդաբար կարելի է օգտագործել h2, հետո h3, այնուհետ h4 և այլն։ Обычно шести մակարդակը բավարար է։

<html>
  <head>
    <title>Իմ առաջին HTML փաստաթուղթը</title>
  </head>
  <body>
    <h1>Իմ առաջին HTML փաստաթուղթը</h1><br>    <h2>Իմ առաջին քայլերը</h2>
    <p>HTML — իմ առաջին քայլերը</p>
    <h3>Ավելին մի քայլ</h3><br>    <h2>Բերված է ասում են</h2>
    <p>Ամեն որսորդ ցանկություն ունի</p>
    <p>իմանալ որտեղ</p>
    <p>նստած է фаз Cancan фазанը</p>
  </body>
</html>

Համոզվել եք, թե ինչպես է h–թեգի չափը կախված թվանշանից։ Այսպիսով դիտարկիչը տեսանելիորեն առանձնացնում է վերնագրերի կարևորությունը։

h1–h6 թեգերի մեկ այլ առանձնահատկությունն է՝ դրանք նատիվ հաստատառ են։ Ներսի տեքստը կարելի է հաստատառ դարձնել նաև թեգով։

<html>
  <head>
    <title>Իմ առաջին HTML փաստաթուղթը</title>
  </head>
  <body>
    <h1>Իմ առաջին HTML փաստաթուղթը</h1>
    <h2>Իմ առաջին քայլերը</h2>
    <p>HTML — իմ առաջին քայլերը</p>
    <h3>Ավելին մի քայլ</h3>
    <h2>Բերված է ասում են</h2>
    <p>Ամեն <strong>որսորդը</strong> ցանկություն ունի</p>
    <p>իմանալ որտեղ</p>
    <p>նստած է фаз Cancan фазанը</p>
  </body>
</html>

Ուշադրություն. եթե ուզում եք հաստատառ տեքստ, օգտագործեք կր՝ թեգը։ Չպետք է տեղադրել h1-h6–ը p–ի ներսում, դա կարող է վնասել Google–ում Ձեր էջի դիրքերին։

Լավ օրինակ՝

<p>Շատ <strong>հաստատառ</strong> տեքստ</p>

Վատ օրինակ՝

<p><h3>չեք անում</h3> այսպես!</p>

Հուսով եմ, հիմա կարող եք ավելացնել այնքան տեքստ, որքան ցանկանում եք, և ճիշտ հաստատառել այն։

Լրացուցիչ Բլոկների Տեսակներ (EBT) - Դասավորության Կառուցողի նոր փորձառություն❗

❗Լրացուցիչ Պարբերությունների Տեսակներ (EPT) - Պարբերությունների նոր փորձառություն

HTML առաջին քայլեր – դաս 1 – h1–h6, p, strong թեգերը