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