HayqSystem

HTML5 փաստաթղթի ստեղծում

HTML5 փաստաթղթի ստեղծում ։ Տարրերը html5 փաստաթուղթը կազմող շինարարական բլոկներն են: Փաստաթուղթ ստեղծելու համար մենք պետք է ստեղծենք պարզ տեքստային ֆայլ և որպես ֆայլի ընդլայնում նշենք *.html

Եկեք ստեղծենք տեքստային ֆայլ, այն անվանենք index և փոխենք դրա ընդլայնումը .html

Այնուհետև բացեք այս ֆայլը ցանկացած տեքստային խմբագրիչում, օրինակ՝ Notepad++: Ֆայլին ավելացրեք հետևյալ տեքստը.

 
1. <!DOCTYPE html>
2. <html>
3. 
4. </html>

HTML5 փաստաթուղթ ստեղծելու համար մեզ նախ անհրաժեշտ է երկու տարր՝ DOCTYPE և html: Doctype կամ Document Type Declaration տարրը վեբ դիտարկիչին հայտնում է փաստաթղթի տեսակը: <!DOCTYPE html>-ը ցույց է տալիս, որ փաստաթուղթը html փաստաթուղթ է, և որ օգտագործվում է html5, այլ ոչ թե html4 կամ նշման լեզվի որևէ այլ տարբերակ:

Իսկ html տարրը՝ իր բացման և փակման թեգերի միջև, պարունակում է փաստաթղթի ամբողջ բովանդակությունը։

html տարրի ներսում կարող ենք տեղադրել ևս երկու տարր՝ head և body ։ Գլխավոր տարրը պարունակում է վեբ էջի մետատվյալներ՝ վեբ էջի վերնագիր, կոդավորման տեսակ և այլն, ինչպես նաև հղումներ դեպի արտաքին ռեսուրսներ՝ ոճեր, սկրիպտներ, եթե օգտագործվում են: Մարմնի տարրը իրականում սահմանում է html էջի բովանդակությունը։

1.  <!DOCTYPE html>
2.  <html>
3.    <head>
4.        <meta charset="utf-8">
5.        <title>Project</title>
6.    </head>
7.    <body>
8.        <div>Hello World</div>
9.    </body>
10. </html>

Head տարրը սահմանում է երկու տարր.

1․ title տարրը ներկայացնում է էջի վերնագիրը

2. meta տարրը սահմանում է էջի մետա տեղեկատվությունը: Նիշերը ճիշտ ցուցադրելու համար նախընտրելի է նշել կոդավորումը: Այս դեպքում օգտագործեք charset = “utf-8” հատկանիշը utf-8 կոդավորումը նշելու համար:

body տարրի ներսում օգտագործվում է միայն մեկ տարր՝ div, որը կազմում է բլոկը: Այս բլոկի բովանդակությունը պարզ տող է:

Պահպանեք և բացեք index.html ֆայլը դիտարկիչում.

Այսպիսով, մենք ստեղծեցինք առաջին HTML5 փաստաթուղթը: Քանի որ վերնագրի տարրում նշել ենք «HTML5 Փաստաթուղթ» անվանումը, սա այն անունն է, որը կունենա բրաուզերի ներդիրը:

Քանի որ կոդավորումը utf-8 է, վեբ զննարկիչը ճիշտ կցուցադրի կիրիլիցա պատկերը:

Եվ մենք կտեսնենք ամբողջ տեքստը, որը սահմանված է body տարրի ներսում՝ բրաուզերի հիմնական դաշտում: