Использование HTML-таблицы для форматирования веб-страниц Все о мире it-технологий и компьютерной техники, ремонт ноутбуков и смартфонов

Использование HTML-таблицы для форматирования веб-страниц

Использование HTML-таблицы для форматирования веб-страниц Проектированные профессионально выглядящие веб-сайты включают в себя гораздо больше, чем просто отображение текста между тегами тела. Для того чтобы сформировать вашу страницу, вы должны использовать таблицы. Таблица HTML элемент, также известный как метки, и используется для отображения содержимого веб страницы в организованном порядке. Ваша веб-страница может быть создана в столбцы и строки, вы сможете установить ячейки таблицы с границами или без, и вы даже можете сделать цвет фона или вставить изображение. Таблицы могут быть использованы в большом количестве способов, включая: •Организация текста и изображения •Добавление цвета и изображения фона для текстовых полей •Отображение диаграммы Если вы никогда не разрабатывали веб-страницы, то ваш первый шаг к этому является знание некоторых основных HTML. Вы можете найти в интернете и скачать учебник для начинающих. Когда вы делаете разработку веб-страницы, вы можете рассмотреть возможность размещения всего содержимого страницы в таблице. Таблицы создаются с TABLE / TABLEтеги. Тег TABLE это начало кодовой таблицы и / TABLE это тег конца таблицы. В дополнение к HTML тегам таблицы, необходимо также указать количество строк и столбцов таблицы. Чтобы сделать это, вы должны использовать TR тег, который определяет начало строки таблицы и TD тег, который будет отображать данные таблицы. TD Тег должен быть помещен перед любой информацией, которую Вы хотели бы, чтобы отображалась в ячейке. Все эти теги будут помещены между TABLE и / TABLE тегами. Базовая структура таблицы: TABLE BORDER TR TD Содержание / TD / TR / TABLE Если вы только начинаете, вы можете использовать простой HTML формат таблицы, которая будет отображать ваши навигационные ссылки на левой или правой стороне страницы. При работе с HTML таблицами, убедитесь, что вы создаете таблицы с границами или бордюрами. Это позволит вам видеть, где именно находятся границы, чтобы убедиться, что все отображается правильно. Как только ваша страница будет завершена, вы можете удалить бордюр. Следующий HTML-код таблицы создает основной макет для веб-страницы с двумя колонками. В первом столбце будет занимать 20% экрана. Второй будет охватывать 80% - для общего 100%. TABLE ГРАНИЦЫ CELLSPACING="10" CELLPADDING="10"width="100%" TR Valign="top" TD WIDTH="20%" / TD TD WIDTH="80%" / TD /TR /TABLE Обратите внимание, что HTML ширина таблицы установлена на 100%? Эта ширина будет отображать таблицу на 100% экрана. После того как основной макет страницы завершен, вы можете начать добавлять содержимое. Ваш логотип и навигационные ссылки должны отображаться в левой колонке, которая является меньшим из двух столбцов. Все ваше содержимое страницы будет размещено в другом столбце. Имейте в виду, что левый верхний угол веб-страницы будет, не только использован для отображения вашего логотипа, а также содержать ключевые фразы. Чтобы оживить ваши веб-страницы, вы можете создать дополнительные HTML таблицы с цветом фона и разделить содержимое веб-страницы на разделы. Все ваши текстовые и HTML дополнительные таблицы будут помещены между TD WIDTH="80%"/ TD. Просто замените текст с содержанием и таблицу кодов.  
Обратный звонок