2020-05-25
206
11. Форматирование таблицы. Добавьте в тег <TABLE> атрибуты BORDER=3 WIDTH=70% ALIGN=CENTER BGCOLOR=YELLOW BORDERCOLOR=MAROON (можно взять свои значения атрибутов).
Посмотрите через Explorer, как действуют эти атрибуты на вид таблицы. Добавьте атрибут CELLSPACING=0, потом измените его на CELLSPACING=10. Посмотрите через Explorer, за что отвечает этот атрибут.
12. Форматирование ячеек. Выделите сведения, относящиеся к разным гостиницам, разной заливкой. Выровняйте по центру ячеек цены номеров.
Задание 6. Создайте файл lesson10.html. Создайте HTML- код таблицы в соответствии с образцом. Проверьте правильность выполнения задания на компьютере. Сохраните полученный файл.
1. Сохранить документ. Перейдите в окно Explorer, нажмите кнопку Обновить.
2. Посмотрите, как изменился вид информации в окне Explorer
Задание 7. Откройте файл lesson11.html. Внесите новую информацию в ячейки таблицы.
Задайте в теге <Table> следующие параметры:
· Ширина таблицы – 90%
· Расстояние между содержимым ячейки и рамкой – 5,
· Расстояние между ячейками таблицы – 5,
· Цвет линий разлиновки – зеленый,
· Толщина линий разлиновки – 2,
· Выравнивание во всех ячейках – по центру.
Задайте в теге <TD> ширину ячейки равной 45%. Сохраните файл тем же именем.
*Задание 8. Создайте файл lesson12.html. Внесите в ячейки текст по образцу.
Задайте в теге <table> следующие параметры:
· Ширина таблицы – 90%
· Расстояние между содержимым ячейки и рамкой – 5
· Расстояние между ячейками таблицы – 5
· Толщина линий разлиновки – 2
· Выравнивание по центру
Задайте в теге <tr> высоту строк равной 120, а в теге <td> - параметры:
· Ширина ячейки – 50%,
· выравнивание содержимого ячеек – по центру.
Вставьте картинки – computer. jpg, processor.jpg, scanner.gif, monitor. jpg в соответствующие ячейки.
Фрагмент HTML – кода:
< TD width=50%>
<IMG src=images/foto1.jpg>
</TD>
</TR>
<TR>
<TD align=right >
<IMG src=images/foto2.jpg>
</TD>
Образец:
