Гипертекст белгилөө тили (HTML) бир баракты бир нече терезеге - "фреймдерге" бөлүү мүмкүнчүлүгүн берет. Кадрлардын ар биринин көрсөтүү үчүн өзүнүн интернет булагы болушу мүмкүн. Бул механизмди башка сайттардагы баракчаларды сиздин сайттагы баракчаларга киргизүү үчүн колдонсо болот.
Ал зарыл
Текст редактору Блокнот
Нускамалар
1 кадам
Баракчанын HTML коду - бул браузер үчүн анын ар бир элементтери кайсы жерде көрсөтүлүшү керектиги жана ал кандайча көрүнүшү керектиги жөнүндө көрсөтмөлөрдүн жыйындысы. Бул көрсөтмөлөр "тэгдер" деп аталат жана бир же бир нечесин камтыган баракча түзүү үчүн, сизге тийиштүү тэгдер топтомун жазуу керек. Беттеги бардык алкактарга контейнер түзүүчү тегдерден баштайбыз:
Бул идиштин ачылуучу жана жабылуучу тегдери - алкактарды түзгөн тегдерди алардын ортосуна жайгаштыруу керек болот. HTMLде тегдердин "атрибуттары" бар - алар барак элементинин касиеттери жөнүндө кошумча маалыматтарды камтыйт, алардын көрсөтүлүшү ушул тегди көрсөтөт. Контейнердин ачылыш тегинде, браузердин баракча мейкиндигин өз алкагына кандайча бөлүшү керектиги жөнүндө маалымат камтылган атрибутту көрсөтүшүңүз керек:
Бул коддун үлгүсүндөгү "cols" атрибуту баракты вертикалдык түрдө эки алкакка бөлүп, сол тарабы терезенин туурасынын 20%, оң тарабы 80% ээлеши керектигин аныктайт. Эгер "cols" атрибутунун ордуна "satr" атрибутун көрсөткөн болсоңуз, анда барак горизонталдык түрдө бөлүнөт:
Сандын ордуна жылдызча (*) жазсаңыз болот:
Бул экинчи кадрга калган бардык бош орун берилет дегенди билдирет. Кадрдын өлчөмүн пайыздарда эмес, барактын макетинде көп колдонулган өлчөө бирдиктеринде - "пикселдерде" көрсөтсө болот:
2-кадам
Контейнерге жайгаштырылышы керек болгон кадрдын HTML теги төмөнкүчө жазылат: "фрейм" тегинин "src" атрибутунда веб-баракчанын дареги браузер ушул алкакка жүктөшү керек. Мындай жол менен жазылган дарек "абсолюттук" деп аталат - ал https:// протоколунан башталат. Бирок бул сиздин сайтыңыздын баракчасы болсо жана ал ошол эле (же подпапкадагы) папкада жатса, анда сиз абсолюттук даректи көрсөтүүнүн кажети жок, файлдын аталышы жана подпапкага жетүү жолу гана жетиштүү болот. Мындай дарек "салыштырмалуу" деп аталат: - Барактагы алкактардын ортосундагы чек араларды чычкан менен жылдырууга болот. Бул өзгөчөлүк noresize атрибуту менен өчүрүлгөн: - Фреймдердин ортосундагы чектердин өлчөмүн аныктоочу эки атрибут бар - бийиктик вертикалдын вертикалын (үстүңкү жана астыңкы), ал эми кеңдик туурасын горизонталдык (оң жана сол) белгилейт: - Башка атрибутту колдонуу - "жылдыруу" - сиз кадрдын скрипка тилкесинин эрежелерин браузерге айта аласыз: "Авто" мааниси жылдыруу тилкелери керек болгондо, башкача айтканда, мазмунун алкакка туура келбегенде пайда болушу керектигин аныктайт. Эгер сиз "ооба" маанисин койсоңуз, анда бул фреймде жылдыруу тилкелери болот, тескерисинче, жылдыруу тилкелеринин көрсөтүлүшүнө жол бербейт - Эгерде контейнердеги барактар JavaScript скрипттери менен иштесе чектеш алкактарда операцияларды жасоо, кадрларды аталышы боюнча айырмалоо талап кылынышы мүмкүн. Кадрдын атын камтыган атрибут ат деп аталат:
3-кадам
Бул HTML аныктамалары башка сайттардын бир нече баракчасынан жөнөкөй баракча түзүүгө жетиштүү. Бул үчүн сизге каалаган тексттик редактор керек болот, мисалы, стандарттык блокнот. Анда жаңы документ түзүп, html тэгдерин жазыңыз:
Андан кийин бул кодду htm же html кеңейтүүсү менен сактаңыз - мисалы, test.html. Баары даяр, эгер сиз бул документти браузер менен ачсаңыз, натыйжа мындай болот:
4-кадам
Кадрдын дагы бир түрү бар - "калкып жүрүүчү". Ал кадимки барактын ичине жайгаштырылышы мүмкүн, алкакка бөлүнбөйт. Мындай алкактын өлчөмдөрүн аныктаган кошумча туурасы жана бийиктиги атрибуттары бар. Бул тегдин коду төмөнкүдөй болушу мүмкүн:
