Сборник практических работ по HTML для начинающих (плюс список основных HTML-тэгов)
Основные теги документа
<html></html>
Указывает программе просмотра страниц, что это HTML документ
<head></head>
Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагаются тег названия документа <title>, теги стилевых таблиц <link> и <style> и теги для поисковых машин <meta>
<body></body>
Определяет видимую часть – «тело» документа
<title></title>
Помещает название документа в оглавление программы просмотра страниц
<body bgcolor ="?">
Устанавливает цвет фона документа. ? – значение цвета в виде RRGGBB или текстовом виде. Например: FF0000 – красный (Red) цвет
<body text="?">
Устанавливает цвет текста документа. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 000000 – черный цвет (Black)
<body link="?">
Устанавливает цвет гиперссылок. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 00FF00 – зеленый цвет (Green)
<body vlink="?">
Устанавливает цвет гиперссылок, на которых вы уже побывали. ? – значение цвета в виде RRGGBB или текстовом виде. Например: 333333 (Gray) – серый цвет
<body alink="?">
Устанавливает цвет гиперссылок при нажатии
Теги форматирования текста
<pre></pre>
Обрамляет предварительно отформатированный текст
<h1></h1>
Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6>
Создает самый маленький заголовок
<b></b>
Создает жирный текст
<i></i>
Создает наклонный текст
<tt></tt>
Создает текст, имитирующий стиль печатной машинки
<cite></cite>
Используется для цитат, обычно наклонный текст
<em></em>
Используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong>
Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
<font size=?></font>
Устанавливает размер текста в пределах от 1 до 7
<font color=?></font>
Устанавливает цвет текста, используя значение цвета в виде RRGGBB
<marquee height="10" width="600" loop="2" bgcolor="#99CCFF">Текст </marquee>
Режим бегущей строки. Текст становится бегущей строкой. height, width – атрибуты текста, loop задает количество пробегов текста, bgcolor задает цвет фона
<p>
Создает новый параграф
<p align=?>
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<br>
Вставляет перевод строки
<blockquote> </blockquote>
Создает отступы с обеих сторон текста
<dl></dl>
Создает список определений
<dt>
Определяет каждый из терминов списка
<dd>
Описывает каждое определение
<ol></ol>
Создает нумерованный список
<li>
Определяет каждый элемент списка и присваивает номер
<ul></ul>
Создает ненумерованный список
<li>
Предваряет каждый элемент списка и добавляет кружок или квадратик
<div align=?>
Тег, используемый для форматирования больших блоков текста 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
Таблицы
<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>
Не позволяет программе просмотра делать перевод строки в ячейке таблицы
Гиперссылки
<a href="URL"></a>
Создает гиперссылку на другие документы или часть текущего документа
<a href="mailto:EMAIL"> </a>
Создает гиперссылку вызова почтовой программы для написания письма автору документа
<a name="NAME"></a>
Отмечает часть текста как цель для гиперссылок в документе
<a href="#NAME"></a>
Создает гиперссылку на часть текущего документа
Фреймы
<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>
Препятствует изменению размеров кадра
Комментариев нет:
Отправить комментарий
Оставь свой комментарий! Спасибо! :)