Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны расположить элемент IMG в начале абзаца (P элемент). Однако при этом результат может Вас не устроить. Поэтому хорошей практикой стало иметь элемент BR с атрибутом CLEAR в конце такого абзаца.
Не стоит перегружать свои страницы графикой, из-за того, что файлы большого размера медленно передаются по сетям. По этой же причине, фотографии объектов живой природы лучше хранить в формате *.jpg, а рисованные, или чертежи с небольшим числом цветов - в *.gif.
...
Другие атрибуты задают цвет текста и ссылок. Параметр " цвет" задается названием цвета или как " #XYZ", где X, Y и Z -- три двузначных шестнадцатеричных числа означающих интенсивность: X -- красного, Y -- зеленого и Z синего цвета:
< BODY BGCOLOR=" WHITE" TEXT=" BLACK" LINK=" RED" VLINK=" GREEN" ALINK=" YELLOW" >
This is a scrolling marquee.
Основные теги
|
< html> < /html>
| Указывает программе просмотра страниц что это HTML документ.
|
< head> < /head>
| Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
|
< body> < /body>
| Определяет видимую часть документа
|
Теги оглавления
|
< base href=" www.? " >
| Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
|
< base target="? " >
| Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
|
< meta name=" allow-search" content="? " >
| Указание для поисковых роботов как следует сканировать данную страницу
|
< meta http-equiv=" distribution" content="? " >
| Указание для поисковых роботов относится ли данная страница к мировым
|
< meta name=" robots" content="? " >
| Указание для поисковых роботов как следует сканировать данную страницу
|
< meta name=" author" content="? " >
| Указание автора странички
|
< meta name=" keywords" content="? " >
| Описание содержащийся информации (для поисковых машин)
|
< meta http-eguiv=" content-type" content=" text/plain; churset="? " >
| Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.
|
< meta name=" description" content="? " >
| Ключевые слова странички (для поисковых машин)
|
< title> < /title>
| Помещает название документа в оглавление программы просмотра страниц
|
Атрибуты тела документа
|
< body bgcolor="? " >
| Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
|
< body text="? " >
| Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
|
< body link="? " >
| Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
|
< body vlink="? " >
| Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
|
< body alink="? " >
| Устанавливает цвет гиперссылок при нажатии.
|
Теги форматирования текста
|
< pre> < /pre>
| Обрамляет предварительно отформатированный текст.
|
< h1> < /h1>
| Создает самый большой заголовок
|
< h2> < /h2>, < h3>, < /h3> < h4> < /h4>, < h5>, < /h5>
| Создает заголовоки промежуточных размеров
|
< h6> < /h6>
| Создает самый маленький заголовок
|
< b> < /b>
| Создает жирый текст (нерекомендованный)
|
< i> < /i>
| Создает наклонный текст (нерекомендованный)
|
< tt> < /tt>
| Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)
|
< kbd> < /kbd>
| Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
|
< var> < /var>
| Название переменных отображается курсивом
|
< cite> < /cite>
| Выделение цитат курсивом
|
< address> < /address>
| Отображается курсивом в виде отдельного абзаца
|
< em> < /em>
| Наклонный текст (воспринимается посковыми роботами как выделение)
|
< strong> < /strong>
| Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
|
< font size="? " > < /font>
| Устанавливает размер текста в пределах от 1 до 7.
|
< font color="? " > < /font>
| Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
|
Гиперссылки
|
< a href=" URL" > < /a>
| Создает гиперссылку на другие сайты.
|
< atarget="? " > < /a>
| Указывает в каком окне открывать гиперссылку.
параметры
| Значение
| _Blank
| Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
| _Parent
| Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
| _Self
| Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
| _Top
| Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
|
| При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна.
| |
< a href=" NAME" > < /a>
| Создает гиперссылку на другую страницу.
|
< a href=" mailto: EMAIL" > < /a>
| Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
|
< a href=" #name" > < /a>
| Создает гиперссылку на метку текущей страници.
|
< a name=" name" > < /a>
| Отмечает часть текста, как метку для гипперссылок на странице.
|
< a href=" NAME#name" > < /a>
| Создает гиперссылку на метку другой страници.
|
Форматирование
|
< p> < /p>
| Создает новый параграф
|
< p align="? " > < /p>
| Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
|
< nobr>
| Запрещает перевод строки.
|
< wbr>
| Указывает где разбивать строку для переноса при необходимости.
|
< br>
| Вставляет перевод строки.
|
< blockquote> < /blockquote>
| Создает отступы с обеих сторон текста.
|
< dl> < /dl>
| Создает список определений.
|
< dt>
| Определяет каждый из терминов списка
|
< dd>
| Описывает каждое определение
|
< ol> < /ol>
| Создает нумерованный список
|
< li>
| Определяет каждый элемент списка и присваивает номер
|
< ul> < /ul>
| Создает ненумерованный список
|
< li>
| Предваряет каждый элемент списка и добавляет кружок или квадратик.
|
< div align="? " > < /div>
| Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
|
Графические элементы
|
< img src=" name" >
| Добавляет изображение в HTML документ
|
< img src=" name" align="? " >
| Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
|
< img src=" name" border="? " >
| Устанавливает толщину рамки вокруг изображения
|
< img src=" name" vspase="? " >
| Устанавливает поля сверху и снизу
|
< img src=" name" hspase="? " >
| Устанавливает поля сбоков
|
< img src=" name" alt="? " >
| Всплывающая подсказка при наведении на имедж
|
< hr>
| Добавляет в HTML документ горизонтальную линию.
|
< hr size="? " >
| Устанавливает высоту (толщину) линии
|
< hr width="? " >
| Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
|
< hr noshade>
| Создает линию без тени.
|
< hr color="? " >
| Задает линии определенный цвет. Значение RRGGBB.
|
Таблицы
|
< table> < /table>
| Создает таблицу.
|
< tr> < /tr>
| Определяет строку в таблице.
|
< td> < /td>
| Определяет отдельную ячейку в таблице.
|
< th> < /th>
| Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
|
< caption> < /caption>
| Определяет подпись таблицы
|
Атрибуты таблицы
|
< table border=" #" >
| Задает толщину рамки таблицы.
|
< table cellspacing=" #" >
| Задает расстояние между ячейками таблицы.
|
< table cellpadding=" #" >
| Задает расстояние между содержимым ячейки и ее рамкой.
|
< table width=" #" >
| Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
|
< table height=" #" >
| Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
|
< tr align="? " > или < td align="? " >
| Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
|
< tr valign="? " > или < td valign="? " >
| Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.
|
< td colspan=" #" >
| Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)
|
< td rowspan=" #" >
| Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)
|
< td nowrap>
| Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
|
< td width=" #" >
| Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
|
< td height=" #" >
| Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).
|
Фреймы
|
< 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>
| Препятствует изменению размеров фрейма пользователем.
|
Ифрейм и его атрибуты
|
< iframe> < /iframe>
| Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
|
< iframe src=" URL" >
| Определяет какой из HTML документов будет показан в ифрейме.
|
< iframe name=" name" >
| Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм.
|
< iframe vspase="? " >
| Устанавливает поля сверху и снизу с наружи от ифрейма
|
< iframe hspase="? " >
| Устанавливает поля сбоков с наружи от ифрейма
|
< iframe marginwidth=" #" >
| Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.
|
< iframe marginheight=" #" >
| Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.
|
< iframe scrolling=VALUE>
| Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть " yes, " " no, " или " auto". Значение по умолчанию для обычных документов - auto.
|
< iframe width=" #" >
| Определяет ширину ифрейма
|
< iframe height=" #" >
| Определяет высоту ифрейма;
|
< iframe title="? " >
| Текст всплывающей подсказки
|
Формы
|
< form> < /form>
| Создает формы
|
< select multiple name=" NAME" size="? " > < /select>
| Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
|
< option>
| Указывает каждый отдельный элемент меню
|
< select name=" NAME" > < /select>
| Создает ниспадающее меню
|
< option>
| Указывает каждый отдельный элемент меню
|
< textarea name=" NAME" cols=40 rows=8> < /textarea>
| Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
|
< input type=" checkbox" name=" NAME" >
| Создает checkbox.
|
< input type=" radio" name=" NAME" value=" x" >
| Создает radio кнопку.
|
< input type=text name=" foo" size=20>
| Создает строку для ввода текста. Параметром Size указывается длина в символах.
|
< input type=" submit" value=" NAME" >
| Создает кнопку " Отправить"
|
< input type=" image" border=" 0" name=" NAME" src=" name.gif" >
| Создает кнопку " Отправить" - для этого используется изображение
|
< input type=" reset" >
| Создает кнопку " Очистить"
|