Езикът за маркиране на хипертекст (HTML) предоставя възможност за разделяне на страница на няколко прозореца - "рамки". Всеки от кадрите може да има свой собствен интернет източник за показване. Този механизъм може да се използва за вмъкване на страници от други сайтове в страници от вашия сайт.
Необходимо е
Текстов редактор Notepad
Инструкции
Етап 1
HTML кодът на дадена страница представлява набор от инструкции за браузъра, указващи къде на страницата трябва да се показват всеки от нейните елементи и как трябва да изглежда. Тези инструкции се наричат "тагове" и за да създадете страница, която съдържа един или повече други, трябва да напишете подходящия набор от маркери. Започваме с таговете, които създават контейнер за всички рамки на страницата:
Това са отварящите и затварящите маркери на контейнера - етикетите, които образуват рамките, ще трябва да бъдат поставени между тях. В HTML таговете имат "атрибути" - те съдържат допълнителна информация за свойствата на елемента на страницата, чието показване определя този маркер. В отварящия таг на контейнера трябва да посочите атрибут, който съдържа информация за това как браузърът трябва да разделя пространството на страницата между неговите рамки:
Атрибутът "cols" в този примерен код указва, че страницата трябва да бъде разделена вертикално на два кадъра, като левият заема 20% от ширината на прозореца, а десният 80%. Ако вместо атрибута "cols" посочите атрибута "редове", тогава страницата ще бъде разделена хоризонтално:
Вместо число можете да напишете звездичка (*):
Това ще означава, че на втория кадър ще бъде дадено цялото останало пространство. Размерите на кадрите могат да бъдат посочени не в проценти, а в мерни единици, които най-често се използват при оформлението на страницата - в "пиксели":
Стъпка 2
HTML тагът на самия кадър, който трябва да бъде поставен в контейнера, се записва по следния начин: Атрибутът "src" на маркера "frame" съдържа адреса на уеб страницата, която браузърът трябва да зареди в тази рамка. Адрес, написан по този начин, се нарича "абсолютен" - той започва с протокола https://. Но ако това е страница на вашия собствен сайт и тя се намира в една и съща (или подпапка) папка, тогава не е необходимо да указвате абсолютния адрес, само името на файла и пътя до подпапката ще бъдат достатъчни. Такъв адрес ще се нарича "относителен": - Границите между кадрите на страницата по подразбиране могат да бъдат премествани с мишката. Тази функция е деактивирана от атрибута noresize: - Има два атрибута, които определят размера на полетата между кадрите - marginheight задава вертикалното поле (отгоре и отдолу), а marginwidth - хоризонтално (отдясно и отляво): - Използване на друг атрибут - "превъртане" - можете да кажете на браузъра правилата за лентите за превъртане на рамката: Стойността "auto" указва, че лентите за превъртане трябва да се показват при необходимост, т.е. когато съдържанието не се побира в рамката. Ако зададете стойността на "да", тогава тази рамка винаги ще има ленти за превъртане, а стойността "не", напротив, предотвратява показването на ленти за превъртане - Ако страниците, съдържащи се в контейнера, работят с JavaScript скриптове, които извършване на операции в съседни кадри, може да се наложи да се разграничат кадри по име. Атрибутът, съдържащ името на рамката, се нарича name:
Стъпка 3
Тези HTML дефиниции са достатъчни за създаване на проста страница от няколко страници от други сайтове. За да направите това, ще ви трябва всеки текстов редактор, например стандартен Notepad. В него създайте нов документ и напишете тези html тагове:
След това запазете този код с разширение htm или html - например test.html. Всичко е готово, ако отворите този документ с браузър, резултатът ще изглежда така:
Стъпка 4
Има и друг тип рамка - "плаваща". Може да се намира вътре в обикновена страница, без да се разделя на рамки. Такава рамка има допълнителни атрибути ширина и височина, които определят нейните размери. Кодът на този таг може да изглежда така:
