Учебник HTML - вложени таблици

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

Пример за създаване вложени таблици в HTML

Резултатът в браузъра

Много по-лесно, отколкото ако го направим един съюз, нали? НО! Препоръчвам ви, ако е възможно. се откаже от използването на вложени таблици, тоест, да ги използват само там, където имате нужда от него. Фактът, че браузърите показване на HTML таблица само след извършване на всички необходими изчисления, свързани с тях: на броя на колоните, редове, клетки, като се вземат предвид асоциацията, оценка на съдържанието на всяка клетка и техните размери и т.н.

Естествено, когато браузърът срещне вложено маса, а след това прекарва една и съща манипулация с него. И докато той все още не е завършен - главната таблица няма да бъдат показани. Разбира се, ако страницата малко информация, всичко това се извършва почти мигновено. Но когато сайтът много текст и графики (и, така че бавно натоварване), а дори и един куп вложени таблици, на HTML-страницата могат да бъдат натоварени на едно или няколко секунди по-дълго, отколкото само за тях. Уф!

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

1. Вижте примера и да се опита да повтори резултата.
2. Имайте предвид, че логото на страницата, за да направят образ-връзка.
3. И отново, левия и десния високоговорители имат широчина плаваща меню, тоест, с намаляване на размера на страницата, те също така да намали пропорционално.

• Как да направите уеб сайт
  Самият безплатно
• Уроци по HTML
  за начинаещи
• CSS начинаещи
  за начинаещи
• Позоваването
  HTML и CSS
• примери
  HTML и CSS
• препратки
  Полезни сайтове за уебмастъри
• инструменти
  Програми за създаване на сайтове