Մեկ էջում բազմաթիվ աղբյուրներից տեղեկատվություն ցուցադրելու համար հաճախ օգտագործվում է HTML էջ բաժանող մեխանիզմը: Ստորև բերված է շրջանակներ տեղադրելու լեզվի կառուցվածքների նկարագրությունը:
Անհրաժեշտ է
HTML- ի հիմնական գիտելիքներ
Հրահանգներ
Քայլ 1
HyperText նշման լեզուն (HTML) տրամադրում է երկու տեսակի շրջանակ: Լողացողը ավելի ճկուն է և ավելի հեշտ է տեղադրվել գոյություն ունեցող էջում: Ընդհանուր առմամբ, լողացող շրջանակ օգտագործող պատուհանի շրջանակ նկարագրող կոնստրուկցիան նման է հետևյալի. Այստեղ առկա կայքի հիմնական էջը նշված է որպես այս շրջանակի տվյալների աղբյուր (src հատկանիշ): Այն կբացվի 400 x 300 պիքսել շրջանակում, ինչպես նշված է լայնության և բարձրության հատկանիշներում: Կարող եք նաև src հատկանիշով նշել ձեր կայքի էջը: Այս դեպքում բավական է նշել հարաբերական հասցեն (այսինքն հասցեն, որը վերաբերում է այն էջին, որի մեջ տեղադրված է շրջանակը): Այս նմուշում շրջանակի լայնությունը և բարձրությունը նշված չեն, բայց կա ID հատկանիշ-նույնացուցիչ: Օգտագործելով այն, կարող եք օգտագործել CSS () ՝ այս շրջանակի համար պահանջվող չափերը սահմանելու համար.
#frameOne {լայնությունը `700px; բարձրությունը ՝ 200px;}
Քայլ 2
Շրջանակների մեկ այլ տեսակ `« դասական », պահանջում է առանձին էջ, որը պարունակում է շրջանակի կառուցվածքի նկարագրություն: Շրջանակներն իրենք կլինեն առանձին էջերում, գուցե նույնիսկ առանձին կայքերում: Շրջանակային կոնտեյների նման էջի HTML կոդը կարող է ունենալ այսպիսի տեսք.
Սովորական էջերի համար չպետք է պահանջվեն… և… բլոկներ: Այս օրինակում տարայի բացման պիտակը պարունակում է տողերի հատկանիշ, ինչը նշանակում է, որ էջի տարածքը պետք է բաժանվի ուղղահայաց, իսկ վերևը տրվի առաջին շրջանակին: Եթե շարքերը փոխարինեք սյուններով, ապա բաժանումը կլինի հորիզոնական: Այս հատկության «*, *» արժեքը ցույց է տալիս, որ բաժանված համամասնությունները հավասար են `յուրաքանչյուրը 50%: Եթե դուք նշում եք, օրինակ, «20%, *», ապա առաջին շրջանակին կտրվի միայն 20% -ը, իսկ երկրորդը ՝ երկրորդին: Օգտագործողը կարող է փոխել այս համամասնությունները ՝ հետևից քաշելով շրջանակների սահմանները մկնիկը, բայց հնարավոր է անջատել այս գործողությունը: Դա անելու համար ավելացրեք noresize հատկանիշը որոշակի շրջանակի պիտակի վրա: Կարող եք նաև սահմանել ուղղահայաց և հորիզոնական ցուցիչների չափը հարակից շրջանակից (լուսանցքի և լուսանցքի բարձրության հատկանիշներ). Յուրաքանչյուր շրջանակի ոլորման գծերի վարքի կանոնները հնարավոր է առանձին սահմանել: Դրա համար օգտագործվում է ոլորման հատկանիշը, որը կարող է պարունակել երեք նախորոշված արժեքներից մեկը: Եթե նշված է, ոլորման տողերը կհայտնվեն, երբ շրջանակի բովանդակությունը չի տեղավորվում դրա սահմաններում: Եթե «այո» է, ապա շերտերն անընդհատ կլինեն ՝ անկախ դրանց կարիքը: Եթե «ոչ» - սա կնշանակի արգելել ոլորման գծերն այս շրջանակի համար:
Քայլ 3
Նախորդ երկու քայլերում տրամադրված տեղեկատվության հիման վրա դուք պետք է նախագծեք html կոդը, որն ավելի հարմար է ձեր խնդիրը լուծելու համար: Դրանից հետո մնում է միայն այն տեղադրել էջի սկզբնաղբյուրի մեջ: Դա անելու համար դուք կարող եք օգտագործել ձեր կայքի կառավարման համակարգի էջի խմբագրիչը. Դրանում բացեք ցանկալի էջը, անցեք html կոդի խմբագրման ռեժիմին և տեղադրեք ձեր կոդը էջի ցանկալի վայրում: Այլընտրանքորեն, դուք կարող եք ներբեռնել էջի սկզբնաղբյուրի ֆայլը հոստինգի կառավարման ֆայլերի կառավարչի կամ բովանդակության կառավարման համակարգի կողմից, բացել այն տեքստի խմբագրում և տեղադրել դրա մեջ կոդը: Եվ հետո նույն եղանակով վերբեռնված կոդը վերբեռնեք սերվեր:
