Читать «Веб-Самоделкин. Как самому создать сайт быстро и профессионально» онлайн - страница 115
Алексей Анатольевич Гладкий
<html>
<head><title>Сведения о компании</title></head>
<body>
<h1>Добро пожаловать</h1>
<b>Наша компания была создана в 2005 году.</b><br>
<img src="Образец.jpg" width="320" height="240" border=10 alt="Извините, изображение не может быть показано"><br>
Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>
<table border=3 bordercolor="#FF8000" bgcolor="#FFFF00" cellspacing=0 cellpadding=3>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
<i>Будем рады видеть вас в числе наших клиентов!</i><br>
</body>
</html>
Теперь доработаем наш код, присвоив атрибуту значение , и введя информацию в ячейки таблицы. Будем считать, что в таблице представлена информация о прибыли компании в каждом месяце текущего года. После внесения всех требуемых изменений код нашей веб-страницы будет выглядеть так, как показано в листинге 5.10.
Исходный код страницы с готовой таблицей
<html>
<head><title>Сведения о компании</title></head>
<body>
<h1>Добро пожаловать</h1>
<b>Наша компания была создана в 2005 году.</b><br>
<img src="Образец.jpg" width="320" height="240" border=10 alt="Извините, изображение не может быть показано"><br>
Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>
<table border=3 bordercolor="#FF8000" bgcolor="#FFFF00" cellspacing=3 cellpadding=3>
<tr>
<td>
январь 5000
</td>
<td>
февраль 3500
</td>
<td>
март 7200
</td>
<td>
апрель 4700
</td>
</tr>
<tr>
<td>
май 8200
</td>
<td>
июнь 7900
</td>
<td>
июль 5900
</td>
<td>
август 6400
</td>
</tr>
<tr>
<td>
сентябрь 5700
</td>
<td>
октябрь 9100
</td>
<td>
ноябрь 8400
</td>
<td>
декабрь 9900
</td>
</tr>
</table>
<i>Будем рады видеть вас в числе наших клиентов!</i><br>
</body>
</html>
Теперь сохраним выполненные изменения с помощью команды главного меню или нажатием в инструментальной панели кнопки и откроем страницу в окне Интернет-обозревателя. Результат выполненных действий показан на рис. 6.15.
Готовая таблица на веб-странице
Как и планировали, мы получили таблицу, состоящую из трех строк и четырех столбцов, с желтым фоном и красной рамкой толщиной 3 пикселя.
Как вставить в веб-документ мультимедийный объект?
Выше мы уже говорили о том, что мультимедийные объекты активно используются на многих современных веб-ресурсах. На одном сайте представлена видеопрезентация, на другом выложен рекламный ролик, на третьем предлагается прослушать аудиозапись с выступлением директора компании, и т. д. Наличие на сайте мультимедийных объектов – это не просто красиво, удобно, эргономично и полезно, но и вообще считается правилом хорошего тона.
