Изграждане на уеб сайт с помощта на HTML рамки

структурата на цикъл

В предишните части, можете да получите най-общите понятия от създаването на сайта (поставяне на текст. Image. Справката на цвят и изграждане на връзка). Освен това, ние сме с теб ще се научите как да създадете цяла страница с помощта на рамки и таблици.

Всеки HTML сайт се състои от следните елементи:

- HTML капачка сайт. Намира се в горната част на сайта и съдържа някои снимка и надпис, съответните теми на мястото. Пример може да гледате повдигна очи към тази страница. Надписът не е задължително да притежават. Тя е по ваша преценка.

- Site HTML меню. Намира се в ляво или дясно от основния текст и съдържа позоваване работа от дома на другите страници на сайта. Също HTML уеб сайт може да се намира в горната част на менюто. Пример меню за настаняване, можете да видите на тази страница.

- Центърът обикновено raspolagaetsyaosnovnoy HTML контекст информация със снимки на определена тема.

Да се ​​създаде цяла страница с помощта на рамка. В началото ми обясни какво рамки са и с какво се хранят.

вътре в контейнера предписва, HTML тагове. които определят съдържанието на рамки и техния брой.
Използване на атрибути редове и колони могат да посочат местоположението на рамката на уеб-страницата. Можете да подредите рамките хоризонтално, вертикално или в комбинация. Всичко зависи от вашето въображение. Моят съвет към вас. От началото на драскулката върху парче схематичен план, които споменах по-горе, и едва след това да пристъпи към създаването на HTML страница.

редове - определя броя на хоризонтални рамки.






Графи - определя броя на вертикалните рамки.

Нека разгледаме всички три от своя страна.

В началото се организира рамките вертикално. HTML код ще изглежда така:

Както можете да видите, че имаме три колони (рамка). Това, което направихме през колони атрибут е регистрирана в маркера . Също така за него сме си поставили ширината на всеки кадър. Ширината на първия кадър - третата 150 - 150, а втората заема останалите пространство, символ "*". средствата звездичката заемат всички останали пространство на екрана. Тук задайте параметрите за colsv пиксела. Все още можете да зададете ширината и височината в проценти. Например:

параметър колони в този пример, ние попита три под-рамка.
Първият ширина е 25% от ширината на екрана. Третият 30% от цялата ширина на екрана. Втори кадър ще заемат всички останали пространство. три кадъра сума трябва да бъде 100%.

Можете също да укажете параметри за комбинираните рамки. Например:

параметър колони в този пример, ние попита три под-рамка.
Първият ширината е 65 пиксела. Третият 35% от цялата ширина на екрана. Втори кадър ще заемат всички останали пространство.
Сега Нека разгледаме примера на хоризонталната подредба на кадъра. За да направите това, просто да промените атрибута за колони на редовете.

Както можем да видим, нашето място е променила рамки. Сега те са разположени хоризонтално.

Комбиниран вариант за рамки. е да се използват редове и колони атрибути прилага едновременно на един и същ етикет . Създаване на рамкова конструкция, базирани на местоположението на всички елементи от създаването на сайта, което описах в началото на историята на рамките. HTML код ще изглежда така:

Сега по-подробно как сме се превърнали този код. В началото, ние разделяме страницата на три хоризонтални рамка, като използвате редовете атрибут за таг

След това ние поставяме този първи кадър и една трета рамка:

Втората рамка, ние бяхме разделени на две колони. С цел да се осигури двата високоговорителя във втория кадър. ние трябва вместо маркера поставете друг контейнер ... и го поставете в тези две колони с предписани две рамки. HTML код ще изглежда така:

Мисля, че това е ясно.
На следващата страница ще разгледаме някои допълнителни атрибути към рамката и да се запознаете с още един етикет, принадлежащ към рамковата конструкция.

Сподели в социалното. мрежи