Հիպերտեքստի նշման լեզուն (HTML) ապահովում է էջը մի քանի պատուհանի ՝ «շրջանակների» բաժանելու հնարավորությունը: Շրջանակներից յուրաքանչյուրը կարող է ունենալ ցուցադրման իր ինտերնետային աղբյուրը: Այս մեխանիզմը կարող է օգտագործվել այլ կայքերից ձեր կայքի էջերի մեջ էջեր տեղադրելու համար:
Դա անհրաժեշտ է
Տեքստի խմբագիր Գրառման գրքույկ
Հրահանգներ
Քայլ 1
Էջի HTML կոդը զննարկչի համար հրահանգների ամբողջություն է, որում ասվում է, թե էջում որտեղ պետք է ցուցադրվի դրա տարրերից յուրաքանչյուրը և ինչպես այն պետք է լինի: Այս հրահանգները կոչվում են «պիտակ» և մեկ կամ մի քանի այլ պարունակող էջ ստեղծելու համար հարկավոր է գրել պիտակների համապատասխան հավաքածու: Մենք սկսում ենք այն պիտակներից, որոնք էջի բոլոր շրջանակների համար կոնտեյներ են ստեղծում.
Սրանք տարայի բացման և փակման պիտակներն են. Անհրաժեշտ է, որ շրջանակները կազմող պիտակները տեղադրվեն նրանց միջև: HTML- ում պիտակներն ունեն «հատկանիշներ». Դրանք պարունակում են լրացուցիչ տեղեկություններ էջի տարրի հատկությունների մասին, որի ցուցադրումը սահմանում է այս պիտակը: Կոնտեյների բացման պիտակում դուք պետք է նշեք հատկանիշ, որը պարունակում է տեղեկություններ այն մասին, թե ինչպես զննարկիչը պետք է բաժանի էջի տարածությունն իր շրջանակների միջև.
Այս կոդի նմուշի «cols» հատկանիշը սահմանում է, որ էջը պետք է բաժանվի ուղղահայաց երկու շրջանակի, իսկ ձախը վերցնում է պատուհանի լայնության 20% -ը, իսկ աջը ՝ 80%: Եթե «սյուններ» հատկանիշի փոխարեն նշեք «տողեր» հատկանիշը, ապա էջը կբաժանվի հորիզոնական:
Թվի փոխարեն կարող եք աստղանիշ գրել (*) ՝
Դա կնշանակի, որ երկրորդ շրջանակին կտրվի մնացած տարածքը: Շրջանակի չափերը կարող են նշված լինել ոչ թե տոկոսներով, այլ չափման միավորներով, որոնք առավել հաճախ օգտագործվում են էջի դասավորության մեջ `« պիքսելներով ».
Քայլ 2
Շրջանակի HTML պիտակը, որը պետք է տեղադրվի տարայի մեջ, գրված է հետևյալ կերպ. «Շրջանակ» պիտակի «src» հատկանիշը պարունակում է վեբ էջի հասցեն, որը զննարկիչը պետք է բեռնարկի այս շրջանակում: Այս եղանակով գրված հասցեն կոչվում է «բացարձակ». Այն սկսվում է https:// պրոտոկոլից: Բայց եթե սա ձեր սեփական կայքի էջն է և այն գտնվում է նույն (կամ ենթապանակում) թղթապանակում, ապա ձեզ հարկավոր չէ նշել բացարձակ հասցեն, միայն ֆայլի անունն ու ենթապանակ տանող ուղին բավական կլինի: Նման հասցեն կկոչվի «հարաբերական». - Էջի շրջանակների միջև սահմանները լռելյայնորեն կարող են տեղափոխվել մկնիկի միջոցով: Այս առանձնահատկությունն անջատված է noresize հատկանիշով. - Կա երկու հատկանիշ, որոնք որոշում են շրջանակների միջև եղած լուսանցքի չափը. Լուսանցքի բարձրությունը սահմանում է ուղղահայաց եզրագիծը (վերև և ներքև), իսկ լուսանցքի լայնությունը ՝ հորիզոնական (աջ և ձախ): - Օգտագործելով մեկ այլ հատկանիշ - «ոլորում». զննարկիչին կարող եք ասել շրջանակի ոլորման գծերի կանոնները. «Ավտո» արժեքը սահմանում է, որ ոլորման տողերը պետք է հայտնվեն ըստ անհրաժեշտության, այսինքն ՝ երբ բովանդակությունը չի տեղավորվում շրջանակներում: Եթե արժեքը դնում եք «այո», ապա այս շրջանակը միշտ ունենալու է ոլորման գծեր, իսկ «ոչ» արժեքը, ընդհակառակը, խանգարում է ոլորման գծերի ցուցադրմանը. գործառնություններ կատարել հարակից շրջանակներում, գուցե անհրաժեշտ լինի տարբերակել շրջանակներն անունով: Շրջանակի անունը պարունակող հատկանիշը կոչվում է անուն.
Քայլ 3
Այս HTML սահմանումները բավարար են այլ կայքերի մի քանի էջերից պարզ էջ ստեղծելու համար: Դա անելու համար ձեզ հարկավոր է ցանկացած տեքստի խմբագիր, օրինակ ՝ ստանդարտ Գրառման գրքույկ: Դրանում ստեղծեք նոր փաստաթուղթ և գրեք այս html պիտակները.
Ապա պահեք այս կոդը htm կամ html ընդլայնմամբ - օրինակ ՝ test.html: Ամեն ինչ պատրաստ է, եթե այս փաստաթուղթը զննարկչով բացեք, արդյունքն այսպես կլինի.
Քայլ 4
Կա մեկ այլ տեսակի շրջանակ `« լողացող »: Այն կարող է տեղակայվել սովորական էջի ներսում ՝ չբաժանվելով շրջանակների: Նման շրջանակն ունի լայնության և բարձրության լրացուցիչ հատկանիշներ, որոնք սահմանում են դրա չափերը: Այս պիտակի ծածկագիրը կարող է ունենալ այսպիսի տեսք.
