Обработка графики. Тег «img» и его параметры
Гиперссылки. Списки
<a href="URL"></a> Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL"></a>Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a> Отмечает часть текста как цель для гипперссылок в документе.
<a href="#NAME"></a> Создает гиперссылку на часть текущего документа.
<dl></dl> Создает список определений
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol></ol> Создает нумерованный список
<li> Определяет каждый элемент списка и присваивает номер
<ul></ul> Создает ненумерованный список
<li>Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align=?> Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Фреймы. Плавающие фреймы
<frameset></frameset> Предваряет тег <body> в документе, содержащем кадры;
<frameset rows="value,value"> Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols="value,value"> Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame> Определяет единичный кадр или область в таблице кадров.
<noframes></noframes> Определяет, что будет показано в окне браузера если он не поддерживает кадры.
Атрибуты кадров
<frame src="URL"> Определяет какой из HTML документов будет показан в кадре.
<frame name="name"> Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров
<frame marginwidth=#> Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.
<frame marginheight=#> Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.
<frame scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize> Препятствует изменению размеров кадра.
| Абзацы. <P> и </P> Для отдельного абзаца можно указать тип, размер и цвет шрифта отличным от стиля остального документа.<P ALIGN="CENTER"><B><I><FONT FACE="Arial" SIZE=6 COLOR="#С07080">My greetings to you!</P> Разрыв строки-одиночный тег <br> <pre></pre>
| Обрамляет предварительно отформатированный текста
|
Векторная и растровая графика
Векторная графика описывает изображение с помощью математических формул
В.гр-ка: + при изменении масштаба, изображение не меняет качество.. - при изменении размеров изображения не изменяется размер файла.
+легко конвертируется в растровую
Используется для больших изображений, где не нужны плавные переходы.цветов.(плокаты,логотипы), для сохранения штриховых изображений (карт, чертежей, рисунков карандашом, гравюр) в электронном виде; для создания небольших изображений, которые в дальнейшем будут обрабатываться при выводе.
Векторные форматы:
(ai Формат обеспечивает очень высокое качество рисунков, но по ряду параметров плохо совместим с другими программами cdr Векторный формат файлов, создаваемых программой CorelDraw. cmx для передачи рисунков между разными программами)
Растровая графика - это прямоугольная матрица, состоящая из множества очень мелких неделимых точек (пикселей).
+ является создание (воспроизведение) практически любого рисунка, вне зависимости от сложности, в отличие, например, от векторной, где невозможно точно передать эффект перехода от одного цвета к другому
+чередование кадров
-файлы большие по размеру
-сложно конвертировать израстровой в векторную.
Растровая применяется для хранения и обработки полутоновых изображений, веб-дизайне.
Растровые форматы:
BMP(простейший, один из самых распространенных графич форматов, поддерживаемый практически всеми графическими программами. Из-за своей простоты не требует больших системных ресурсов. Основное предназначение — хранение изображений, используемых как элементы пользовательского интерфейса операционной системы.
GIF формат для обмена графикой
JPEG для
распространения высококачественной графики в компьютерных сетях. не поддерживает ни анимацию, ни прозрачность. PNG разработан в качестве замены устаревающего и грозящего перейти в разряд коммерческих продуктов формата GIF., но весит больше него.
Фронтальная графика (принцип повторений)
Обработка графики. Тег «img» и его параметры
Работа с графикой в HTML осущ. С помощью тега <img src="name"> Добавляет изображение в HTML документ
<img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border=?> Устанавливает толщину рамки вокруг изображения
<hr> Добавляет в HTML документ горизонтальную линию.
<hr size=?> Устанавливает высоту(толщину) линии
<hr width=?>Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> Создает линию без тени.
<hr color=?> Задает линии определенный цвет. Значение RRGGBB(RR интенсивность красного в шестнадцатеричной системе (то есть от 0 до FF)GG интенсивность зелёного,BB интенсивность синего)
Карта изображений
Серверные-когда всяи нф. о ссылке содержится на сервере
Клиентский-все вычисления происходят на странице клиента.
<img src=”_”use map”#1”>
<map name=”1”>
<area shape=”rect/cercle/polygon”>
<mef=”_” alt=”текст,кот.высвеч.при наведениикурсора на область”>
Таблицы
<table></table> Создает таблицу
<tr></tr> Определяет строку в таблице
<td></td> Определяет отдельную ячейку в таблице <th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<table border=#> Задает толщину рамки таблицы.
<table cellspacing=#> Задает расстояние между ячейками таблицы.
<table cellpadding=#> Задает расстояние между содержимым ячейки и ее рамкой.
<table width=#> Устанавливает ширину таблицы в пикселах или процентах от ширины документа
<tr align=?> или <td align=?> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right
<tr valign=?> или <td valign=?> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.
<td colspan=#>Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan=#> Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
|