Бир нече булактардан алынган маалыматты бир баракта көрсөтүү үчүн, HTML баракты бөлүү механизми көп колдонулат. Төмөндө алкактарды киргизүү үчүн тил конструкцияларынын сүрөттөлүшү келтирилген.
Зарыл
HTML жөнүндө негизги билим
Нускамалар
1 кадам
HyperText Markup Language (HTML) алкактардын эки түрүн камсыз кылат. Калкып туруу ийкемдүү жана баракка оңой киргизилет. Жалпысынан, калкып туруучу алкактын жардамы менен терезе алкагын сүрөттөгөн конструкция төмөнкүдөй: Бул жерде ушул сайттын маалымат булагы катары сайттын барагы көрсөтүлгөн (src атрибуту). Ал туурасы жана бийиктиги атрибуттарында көрсөтүлгөндөй, 400 x 300 пикселдик алкакта ачылат. Сиздин сайтыңыздын барагын src атрибутунан көрсөтсөңүз болот. Бул учурда салыштырмалуу даректи көрсөтүү жетиштүү болот (башкача айтканда, рамка салынган баракчага карата дарек): Бул үлгүдө алкактын туурасы жана бийиктиги көрсөтүлгөн эмес, бирок идентификатор бар атрибут-идентификатор. Аны колдонуп, CSS () колдонуп, ушул алкакка керектүү өлчөмдөрдү коюңуз:
#frameOne {туурасы: 700px; бийиктик: 200px;}
2-кадам
Кадрлардын дагы бир түрү - "классикалык" - кадр структурасынын сүрөттөмөсүн камтыган өзүнчө баракча талап кылынат. Кадрлар өз-өзүнчө барактарда, балким, айрым сайттарда болот. Мындай кадр контейнер барагы үчүн HTML коду төмөнкүдөй болушу мүмкүн:
Кадимки баракчалар үчүн бир дагы… жана… блоктор болбошу керек. Бул мисалда контейнерди ачуу теги катар атрибутун камтыйт, демек, барак мейкиндиги тигинен бөлүнүп, үстүнкү бөлүгү биринчи алкакка берилет. Эгерде сиз катарларды ичке белгилер менен алмаштырсаңыз, анда бөлүнүү горизонталдуу болот. Бул "*, *" атрибутунун мааниси бөлүнгөн пропорциялардын барабар экендигин көрсөтөт - ар бири 50%. Эгер сиз, мисалы, "20%, *" деп көрсөтсөңүз, анда биринчи кадрга 20% гана, ал эми калган орун экинчисине берилет. Колдонуучу бул пропорцияларды кадрдын чек араларын сүйрөө менен өзгөртө алат. чычкан, бирок бул аракетти өчүрүп салса болот. Ал үчүн noresize атрибутун белгилүү бир алкактын тегине кошуңуз. Ошондой эле, вертикалдык жана горизонталдык чегинүүлөрдүн көлөмүн чектеш алкактан көрсөтсөңүз болот (marginwidth жана marginheight атрибуттары): Ар бир кадрдын жылдыруу тилкелеринин жүрүм-турум эрежелерин өзүнчө орнотууга болот. Ал үчүн алдын ала аныкталган үч чоңдуктун бирин камтышы мүмкүн болгон жылдыруу атрибуту колдонулат. Эгер көрсөтүлгөн болсо, айлантуу тилкелери алкактын мазмуну анын чектерине дал келбегенде пайда болот. Эгерде "ооба" болсо, сызыктар алардын муктаждыгына карабастан, ар дайым болот. Эгер "жок" болсо, анда бул кадр үчүн жылдыруу тилкелерин колдонууга тыюу салынат.
3-кадам
Мурунку эки кадамда келтирилген маалыматтардын негизинде, сиз көйгөйүңүздү чечүүгө ылайыктуу html кодун иштеп чыгыңыз. Андан кийин, аны барактын баштапкы кодуна киргизүү гана калды. Бул үчүн, сиз өзүңүздүн сайтыңыздын башкаруу тутумунун барак редакторун колдонсоңуз болот - андагы каалаган баракчаңызды ачып, html кодун түзөтүү режимине өтүп, кодуңузду барактын каалаган жерине чаптаңыз. Же болбосо, баракчанын баштапкы код файлын хостингти башкаруу файл менеджери же мазмунду башкаруу тутуму тарабынан жүктөп алып, тексттик редактордо ачып, ага кодду чаптасаңыз болот. Андан кийин, ошол эле жол менен, серверге өзгөртүлгөн кодду жүктөп бериңиз.
