HTML/Նշագրում

Վիքիգրքեր-ից
Անցնել դեպի նավարկություն, որոնել
HTML ելակետային կոդի օրինակ

HTML ֆայլը բաժանվում է հիմնային երկու մասի՝ head-ը և body-ն, յուրաքանչյուրը սահմանազատվում է իր համապատասխան պիտակներով: Այսպես, HTML-ի բուն կառուցվածքը այս տեսքն ունի՝

<!DOCTYPE html>
<html lang="..."> 
   <head>
        ...
   </head>
   <body>
        ...
   </body>
</html>

HEAD էլեմենտը[խմբագրել]

Ամբողջ տվյալը HTML փաստաթղթի head բաժնի համարվում է "meta-data"-ն, որը նշանակում է "տվյալը տվյալի մասին": Տեղեկությունը այս բաժնի ուղղակիորեն նորմալ չի ցուցադրվելու: Փոխարենը, այնպիսի էլեմենտները ինչպիսին է style-ը ազդում են փաստաթղթի այլ էլեմենտների տեսքի վրա: head բաժնում որոշ առարկաներ կարող է օգտագործվել ծրագրերի ինչպիսին են՝ որոնողական համակարգերը կայքի մասին ավելին իմանալու համար վկայակոչելու նպատակով:

head էլեմենտը պետք է միշտ պարունակի title էլեմենտը, որը ցուցադրում է վերնագիրը հիմնականում վեբ բրաուզերի պատուհանի վերնագրի վանդակում: Այստեղ title էլեմենտի օգտագործման օրինակն է՝

<head>
   <title>This is the Title</title>
</head>

Գլխամասային բաժնի մեջ կարող է լինել միայն մեկ title:

head էլեմենտի մեջ կարող է լինել հետևյալ էլեմենտներից ցանկացածը՝

style 
Օգտագործվում է փաստաթղթում ոճային կանոնները մտցնելու համար:


TITLE էլեմենտը[խմբագրել]

title էլեմենտը պարունակում է Ձեր փաստաթղթի վերնագիրը և նույնականացնում է բովանդակությունը գլոբալ համատեքստում: Վերնագիրը որպես կանոն ցուցադրվում է վերնագրի դաշտում՝ բրաուզերի պատուհանի վերևի մասում:
Այն նաև ցուցադրվում է բրաուզերի էջանիշների ցուցակում:
Վերնագիրը նաև օգտագործվում է որոնողական համարակարգերում Ձեր էջը նույնականացնելու համար:
Օրինակ՝ <html> <head> <title>Some Amazing Web Page</title> </head> </html>

BODY էլեմենտը[խմբագրել]

Ի տարբերություն head էլեմենտի, ցանկացած պարզ տեքստ տեղադրված <body>-ի պիտակների միջև վեբ էջում բրաուզերի կողմից կցուցադրվի:

Հղումներ[խմբագրել]

Հղումներ տեղադրվելու համար օգտագործվում է <a> պիտակը:

<a href="URL location">Text</a>

Վերոհիշյալ սինտակսիսում, «URL location»-ը ամեն ուղիղ կամ կապ ունեցող առարկայի ուղին է հղվելու համար:

«target»-ը կամավոր ցուցիչ է որը հստակեցնում է թե որտեղ առարկան հղվի բացվելու / ցուցադրվելու համար: Օրինակ՝

<a href="http://www.google.co.za" target=0>Google Search Engine</a>

Վերոհիշյալ օրինակում օգտագործվում է http://www.google.co.za -ի ուղիղ URL-ն, և հստակեցվում target-ը "0"-ով (որը պետք առաջացնի URL-ին նոր բրաուզերի պատուհանով բացել հղված կայքը):

Նկարներ[խմբագրել]

Եկ սկսենք արագ նվազագույն օրինակից՝

<img src="turtleneck-sweater.jpeg" />

Եվ եկ նաև նայենք ավելի ընդարձակված օրինակը՝

<img src="turtleneck-sweater.jpeg" alt="Photograph of a Turtleneck Sweater"
     title="Photograph of a Turtleneck Sweater" />

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