Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Вставка таблицыПри создании Веб-страниц часто необходимо по-разному размешать фрагменты текста и рисунки относительно друг друга, например, 1. Создать структуру нового Веб-документа. Таблица в языке HTML начинается тегом <table> и заканчивается тегом </table>. Любая таблица состоит из одной или нескольких строк. Каждая строка заключена между тегами <tr> и </tr>. Строка таблица также может включать несколько ячеек. Ячейка строки обрамляется парой тегов <td></td>, между которыми, например, можно пометать фрагмент текста или код HTML, соответствующий рисунку. Количество строк в таблице определяется числом тегов <tr>. а количество столбцов – максимальным числом тегов <td> в строке. 2. Вставить в документ таблицу с информацией о фирме АТЛАНТ. 3. Ниже тега </body > в документе ввести следующий HTML-код таблицы:
4. Созданный HTML-документ представлен на рис. 97. Рис. 21.HTML-документ с таблицей
5. Запустите файл на просмотр (рис. 98).
Рис. 22. Веб-страница с таблицей По умолчанию таблица отображается по левому краю окна. Для изменения горизонтального положения таблицы нужно воспользоваться атрибутом align тега <table>. Значение данного атрибута center обеспечит центрирование таблицы, а значение right – выравнивание По умолчанию линии сетки таблицы не отображаются. С помощью атрибута border тега <table> можно указать толщину рамки вокруг каждой ячейки и всей таблицы в пикселах. Центрируем таблицу, настроим ее линии сетки и посмотрим 6. Перейдите к редактору Блокнот. В документе с таблицей замените тег <table> на HTML-код для центрирования таблицы и настройки ее линий сетки: 7. Сохраните документ на диске. Перейдите к программе Microsoft Internet Explorer и перезагрузите файл таблица.html. На Веб-странице таблица будет выровнена по центру, и у нее появятся линии сетки (рис. 99). По умолчанию при использовании пары тегов <td></td> текст
Рис. 23.Центрированная таблица с линиями сетки
Отцентрируем данные в ячейках и установим полужирное начертание текста. 8. Перейдите к редактору Блокнот. Во всем документе с таблицей замените пары тегов <td></td> на пары <th></th> (рис. 100).
Рис. 24.HTML-код отформатированной таблицы
9. Сохраните HTML-доку мент на диске. Перейдите к программе Microsoft Internet Explorer и перезагрузите файл таблица.html. На Веб-странице текст в ячейках примет полужирное начертание и выровняется Рис. 25.Отформатированная таблица на Веб-странице
На Веб-странницах таблицы часто используются в качестве меню, элементы которого являются ссылками. На основе элементов таблицыГлавнаястраница иУслугисоздадим ссылки на подготовленные ранее документыатлант.html исписок.html. 10. В документе замените элемент с тегом <tr> и текстом Главная страница на фрагмент HTML-кода.
Рис. 26.Окончательный вид HTML-документа с таблицей
11. Также замените элемент с тегом <tr> и текстом Услуги 12. Созданный HTML-документ изображен на рис. 103. На Веб-странице содержимое двух ячеек будет выделено цветом и подчеркиванием, что указывает на ссылки.
Рис. 27.Таблица со ссылками
|