HTML փաստաթղթում աշխատելը, առաջին հերթին, նշանակում է աշխատել HTML պիտակներով: Դուք պետք է հասկանաք տարբեր պիտակների նպատակը և կարողանաք կառավարել դրանք ՝ ստեղծելով անհրաժեշտ բովանդակություն և էջի ձևավորում:
Դա անհրաժեշտ է
Համակարգիչ `ինտերնետային կապով:
Հրահանգներ
Քայլ 1
Կարդացեք HTML- ի դասավորության մասին: Ինչպես գիտեք, ինտերնետի էջեր հանդիսացող բոլոր փաստաթղթերը ունեն HTML էջի ձևաչափ `հիպերտեքստի նշման լեզվով: HTML փաստաթղթի ամբողջ բովանդակությունը բաժանված է ըստ որոշակի ոլորտների: Յուրաքանչյուր տարածք սահմանազատվում է ինչ-որ պիտակով: Կախված նրանից, թե ինչ բովանդակություն է օգտագործվելու, կիրառվում է որոշակի պիտակ: Պիտակները սահմանազատված են «» -ով և օգտագործվում են զննարկիչին էջի բովանդակությունը մեկնաբանելու համար:
Քայլ 2
Բացեք ցանկացած տեքստի խմբագիր `HTML- ով սկսելու համար: HTMLանկացած HTML փաստաթուղթ պետք է սկսվի html պիտակով ՝ ցույց տալու համար, որ էջի ամբողջ բովանդակությունը HTML մակնշում է: Գրեթե բոլոր պիտակները պետք է ունենան վերջնական պիտակ: Այսպիսով, հնարավոր է սահմանափակել այս պիտակի շրջանակը: Փակման պիտակը տարբերվում է բացման պիտակից `« / »-ով` պիտակի անունից առաջ: Յուրաքանչյուր պիտակ ունի իր առանձնահատկությունները: Օրինակ, եթե դուք գրեք «Ողջույն, աշխարհ» արտահայտությունը, այն առանձնացնելով b պիտակի հետ, այն զննարկչի պատուհանում կհայտնվի թավ տառերով:
Քայլ 3
Ուշադրություն դարձրեք h1, h2, h3, h4 պիտակների օգտագործման վրա: Դրանք նախատեսված են մեծ տեքստային տեղեկատվություն գրելու համար: Ամենամեծ չափը կլինի h1 թեգով կցված տեքստը: Այս շարքի մնացած պիտակները թույլ են տալիս ձևափոխել տեքստը ՝ օգտագործելով ավելի փոքր չափսեր: Այս պիտակներն ունեն որոշակի մակարդակի վերնագրի անվանումը:
Քայլ 4
Փորձեք պիտակներ տեղադրել այնպես, որ տեսնեք մեկ պիտակի բնադրումը մյուսի մեջ: Սա նշանակում է, որ HTML փաստաթուղթ ձևաչափելիս ցանկալի է, որ ցանկացած տեղադրված պիտակ գրեք երկու տարածություն:
Քայլ 5
Եթե ցանկանում եք պատկերներ օգտագործել ձեր էջում, ապա պիտակը ծառայում է այդ նպատակների համար
որի ներսում տեղեկատվություն է պարունակում պատկերային ֆայլի գտնվելու վայրը: Img պիտակը, ինչպես շատ այլ պիտակներ, կարող է ունենալ պարամետրերի ամբողջություն `պատկերի բնութագրերը ճշգրտելու համար: Օրինակ, դուք կարող եք սահմանել պատկերի ճշգրիտ չափերը, այն կտտացնելով, սահմանել պայծառություն, թափանցիկություն և նման այլ բնութագրեր:
Քայլ 6
Նշենք, որ HTML էջերի մեծ մասը չի պարունակում այն օբյեկտների նկարագրությունը, որոնք նրանք պարունակում են իրենց պիտակներում: Դա իրականացվում է կասկադային ոճի թերթիկների օգտագործման միջոցով: Այս տեխնոլոգիան թույլ է տալիս նշել բոլոր օգտագործված պիտակների նկարագրությունները կամ փաստաթղթի սկզբում ՝ առանձին հատուկ պիտակի մեջ, կամ առանձին ֆայլում: Սա թույլ է տալիս ոչ միայն HTML էջն ավելի ընթեռնելի դարձնել, այլ նաև ստեղծել ձեր սեփական պիտակները, որոնց նկարագրությունները պահվում են առանձին:
