2014-02-17
489
Использование графики в HTML–документах
Пример 4
Пример 3
Пример 2
Пример 1
<font color=Red size=6 face="Times New Roman">
Пример управления шрифтом
</font>
Броузер воспроизведет текст
"Пример управления шрифтом"
красным цветом, размером — 6, шрифтом Times New Roman.
<UL>
<LI>яблоки
<LI>бананы
</UL>
Результатом воспроизведения является маркированный список:
- яблоки
- бананы
<OL>
<LI>апельсины
<LI>персики
<LI>виноград
</OL>
Результатом воспроизведения является нумерованный список:
- апельсины
- персики
- виноград
<table border=1>
<caption>Результаты измерений</caption>
<tr>
<th>время</th>
<th>температура</th>
<th>давление</th>
</tr>
<tr align=right>
<td>12:00</td>
<td>26.00</td>
<td>12.800</td>
</tr>
<tr align=right>
<td>12:15</td>
<td>22.50</td>
<td>9.810</td><
/tr>
<tr align=right>
<td>12:30
</td><td>11.00
</td>
<td>1.650</td>
</tr>
<tr align=right>
<td>12:45</td>
<td> 3.30</td>
<td> 0.030</td><
/tr>
<tr align=right>
<td>13:00</td>
<td> 0.05</td>
<td> 0.002</td><
/tr>
</table>
|
|
|
Результаты воспроизведения этого примера будет таблица:
| Результаты измерений | ||
| время | температура | давление |
| 12:00 | 26.00 | 12.800 |
| 12:15 | 22.50 | 9.810 |
| 12:30 | 11.00 | 1.650 |
| 12:45 | 3.30 | 0.030 |
| 13:00 | 0.05 | 0.002 |
Рисунки являются очень важными элементами оформления WEB-страниц. Привлекательность и информативность сайтов в Интернет во многом определяется использованием графики. Рисунки, чаще всего, хранятся в файлах формата.jpg или.gif, обычно в отдельной папке (броузеры поддерживают и другие графические форматы). Кроме указанных форматов допускается использовать видео-изображения в формате.avi.
Подключение рисунков выполняется с помощью дескриптора <img>, имеющего следующие основные атрибуты:
- align=Выравнивание — способ выравнивания графики, например, Center;
- border=n — видимая рамка вокруг графики;
- dynsrc=URL — исходный URL видео;
- height=n — высота графики;
- loop=n — число повторений видео (если вместо n задано infinite, видео будет повторяться напрерывно);
- src=URL — исходный URL графики;
- start=Условие запуска — задает способ запуска видео, например, start=mouseover запускает видео при перемещении указателя мыши по области видео;
- width=n — ширина графики.
Рассмотрим пример добавления графики в HTML-документ.
Откроем редактор Блокнот и наберем следующий код:
<HTML>
<HEAD></HEAD>
<BODY>
<TABLE Border=1>
<TR><TD colspan=2><img src="Car.jpg"></TD></TR>
<TR><TD colspan=2>
<Font color=Red size=3 face="Times New Roman">
Двигатель внутреннего сгорания</Font></TD></TR>
<TR><TD><img dynsrc="Demo.avi" start=mouseover></TD>
<TD><img dynsrc="Demo.avi" loop=infinite></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Сохраним код под любым именем с расширением.html или.htm, например, Example.html. Следует иметь в виду, что в соответствии с кодом, графика должна храниться в той же папке, где и Example.html.
|
|
|
