Язык HTML Графика на Web-странице.
Размещение графики n <img src=“путь вставляемого объекта”> *. gif, *. jpg, *. png Picturefoto. gif
<HTML> <HEAD> <TITLE> Пробный файл </TITLE> </HEAD> <BODY background="Новая папкаa 4. gif" > <P><I><font color="red" face="Arial" size="5"> <H 1 align=center> Расписание </H 1> уроков 10 -3 класса <img src="book. png">
Атрибуты изображения Атрибуты Формат Описание ALT <img src=“foto. gif ” alt=“картина”> Если браузер не воспринимает изображение, вместо него появляется заменяющий текст. BORDER <img src=“foto. gif ” border=3> Задает толщину рамки вокруг изображения. Измеряется в пикселях. ALIGN <img src=“foto. gif ” align=top> Выравнивает изображение относительно текста: • Top- по верхней части изображения • Bottom –по нижней • Middle – по середине HEIGHT <img src=“foto. gif ” height=272> Задает вертикальный размер изображения в пикселях. WIDTH <img src=“foto. gif ” width=321> Задает горизонтальный размер изображения в пикселях. VSPACE <img src=“foto. gif ” vspace=8> Добавляет верхнее и нижнее пустые поля. (левое и правое)
Оформление таблиц. Тег Форма записи TABLE TR TD Примечание <table> текст </table> Объявление таблиц <tr> текст </tr> <td> текст </td> Тег строки Тег данных Атрибуты тега TABLE Тег Форма записи BORDER <table border=x> WIDTH <table width=xx%> BGCOLOR <table bgcolor=“#RRGGBB”> Примечание Задает рамку вокруг таблицы (1 - самая тонкая). Задает ширину таблицы как ХХ% от ширины страницы или как ХХ пикселей Задает цвет фона таблицы.
Атрибуты тега TD и TR Тег Форма записи ALIGN <td align=x> Устанавливает выравнивание по горизонтали (RIGHT – вправо, LEFT – влево, CENTER – по центру) VALIGN <td valign=x> Устанавливает выравнивание по вертикали (TOP – по верху, MIDDLE – по середине , BOTTOM – по низу, BASELINE – по базовой линии) BGCOLOR Примечание <td bgcolor=“#RRGGBB”> Задает цвет фона ячейки
Записи цвета в формате RGB RRGGBB цвет 000000 FFFFFF FF 0000 черный 00 FF 00 00 FFFF 0000 FF FFFF 00 996633 FF 8000 FF A 0 A 0 A 0 Зеленый Белый Красный Бирюзовый Синий Фиолетовый Желтый Коричневый Оранжевый Лиловый Серый
<table border="1" width=50% bgcolor="99 cccc"> <tr bgcolor="ccccff" align=center> <td> Урок </td> <td> Понедельник</td> <td> Вторник </td> </tr> <td> 1 </td> <td> Алгебра </td> <td> Химия </td> </tr> <td> 2 </td> <td> Физика </td> <td> Геометрия </td> </tr> <td> 3 </td> <td> Физкультура </td> <td> История </td> </tr>
• Bordercolor= цвет - задает цвет рамки (черносерая по умолчанию) • COLSPAN = “n”– объединение n ячеек в строке • ROWSPAN = “n” – объединение n ячеек в столбце. • CELLPADDING= “n” - определяет отступы между ячейками ( в пикселях) • CELLSPACING=“n” – определяет отступы между границей ячеек и текстом (в пикселях) • <BODY text = “ цвет”> … </BODY> определяет цвет текста (черный по умолчанию)
<body … text="#ffff 00"> <center><table border="12" cellpadding="10" cellspacing="10" width="1"> <tbody><tr> <td>Температура</td> <td>Давление</td> <td>Влажность</td> <td>Скорость ветра</td> <td>Направление ветра</td> </tr> <td>21</td> <td>754</td> <td>75</td> <td>4</td> <td>запад</td> </tr> …
Скачать презентацию Язык HTML Графика на Web-странице Размещение графики
графика.ppt