HTML таблица или таблицы в HTMLДата: 25/10/2014 Приветствую вас! Вот я и добрался до таблиц в HTML, и готов вам поведать о них! Таблицы, как я говорил ранее в статье Резиновый или фиксированный сайт на HTML, служат в HTML, в основном, для разметки и в исключительных случаях, как таблицы результатов, поэтому о таблицах надо знать, без них не обходится ни один проект. Вы сами это поймёте, когда начнёте создавать более продвинутые сайты. Создаём таблицу в HTML
Таблица создаётся при помощи тега
<table> и закрывающим тегом </table>. Это основной каркас таблицы. Строки в ней создаются тегом <tr> и закрывающим </tr>. А ячейки в таблице создаются тегом <td> и закрывающим </td>. Зная эти теги, можно создать простую таблицу.
Как видите, у нас получилась таблица из девяти ячеек - три на три. А теперь попробуйте сами изменить их формат при помощи атрибутов height - высота, width - ширина. Напоминаю, что в параметрах этих атрибутов можно использовать процентные и пиксельные значения! Попробовали? Получилось? Хорошо! Если нет, вот вам шаблон резиновой таблицы! Пример: резиновая таблица в HTML
Этот пример очень наглядно показывает особенность управления таблицей в HTML. Вы заметили, что самой таблице я задал значение 100%, а уже потом разрезал её на строки и ячейки - на равные части, которые в сумме дают 100%, как по высоте, так и по ширине. Вы спросите меня, можно задавать разные параметры, которые бы не давали в сумме 100%? Прошу вас не полениться и, скопировав этот шаблон в свой HTML-файл, проверить самостоятельно, что получается! Простите, немного отвлёкся от темы, в которой я вам продемонстрировал, как можно делать разметку при помощи таблицы. Таблицы бывают разные, но основу управления строками и ячейками я вам показал, поэтому дерзайте и верстайте web-странички, в основу закладывая разметку из бесцветных таблиц. Так будет проще размещать ваш контент, как текстовый, так и графический. Поверьте моему опыту! В заключении этой статьи хочу сказать, что управлять таблицами через HTML немного сложновато, потому что надо отслеживать все параметры таблицы - её ячеек и строк, поэтому для облегчения этой задачи были придуманы каскадные таблицы, то есть CSS, где управление можно заключить в один файл, и потом легко менять параметры любой таблицы. Про CSS я вам поведую позже, а пока я продолжу описывать работу в HTML, и следующая статья по этой теме будет Блоки DIV в HTML. С уважением, Администратор!
предыдущая
следующая
|