Основные теги языка html.

Автор: Кузьминич Евгений.

 return_links(1); ?>  return_links(1); ?>

Чтобы операционная система знала, что какой либо текстовый документ является html документом, необходимо присвоить файлу расширение htm (html).

Не пугайтесь нижеприведенной таблицы тегов языка html, используя визуальный редактор FrontPage, первое время можно вообще не вникать в теги, затем, постепенно изучить пару десятков основных тегов, а дальше Вы сами решите для себя, надо ли Вам их знать. Мне самому приходилось неоднократно рыться в справочниках, чтобы найти внезапно понадобившийся тег, поэтому можете поместить данную страницу в закладки и подобный справочник будет всегда под рукой.

Что же касается примеров использования тегов, то нет ничего лучше, чем рассматривать уже готовый html код готовых интернет сайтов, для этого в браузере нужно найти вкладку "отобразить исходный код страницы", обычно она есть в каждом браузере. (Браузер - программа с помощью которой Вы просматриваете страницы в интернете).

Теги могут быть как одиночные, так и парные. Парные теги открываются <код тега> и закрываются </код тега>, все что расположено между открывающим и закрывающим тегами, попадет под его влияние. Теги могут иметь различные атрибуты, которые указываются с помощью специальных параметров. Теги могут быть вложенными один в другой и т.д.

 return_links(); ?>

Внутри html документа необходимо использовать так называемые теги. Тег - это определенный условный код, обычно заключенный в скобки типа <>. Этот код дает понять браузеру, какой тип данных размещен между тегами, как нужно отображать эти данные, например такую информацию предоставляют теги форматирования текста. Тегов существует довольно много и начинающему вебмастеру тяжело в них ориентироваться, поэтому рассмотрим основные теги, которые могут Вам пригодиться уже при составлении первого сайта. Ниже в таблице тегов приведены не все теги, но основные выделены жирным шрифтом.

 
Основные теги  
<html></html> Определяет тип документа как web страницу.
<head></head> Служебная часть документа, не отображаемая в браузере, тут размещаются заголовок, описание, ключевые слова и т.д.
<body></body> Между этими тегами располагается непосредственно сама web сраница, которую Вы видите на экране, могут размещаться и другие типы данных.
<meta name="allow-search" content="?"> Определяет способ сканирования данных для роботов поисковых систем.
<meta name="robots" content="?"> Указывается информация для поисковых роботов.
<meta name="author" content="?"> В данном теге можно указать авторство.
<meta name="keywords" content="?"> Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую.
<base href="www.?"> Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете
<meta name="description" content="?"> Краткое описание web страницы, будет показано в результатах поиска поисковиками.
<title></title> Тег для заголовка страницы
<body bgcolor="?"> Определяет цвет фона web страницы
<body text="?"> Определяет цвет текста web страницы
<body link="?"> Задается цвет гиперссылок в нормальном состоянии
<body vlink="?"> Задает цвет уже просмотренных гиперссылок.
<body alink="?"> Задает цвет выделенной гиперссылки.
<h1></h1> Тег заголовка, создает самый крупный заголовок, цифра 1 может меняться в пределах от 1 до 6. Шесть будет самый мелкий заголовок.
<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> Задает цвет текста.
Оформление гиперссылок в html  
<a href="URL"></a> Создает гиперссылку, имеется ввиду как внутренние так и внешние гиперссылки.
<atarget="?"></a> Указывает в каком окне открывать гиперссылку.
 
параметры Значение
_Blank Открыть в новом окне
_Parent Открыть в текущем окне
_Self Открыть в окне без использования действующих фреймов
_Top Игнорировать фреймы
<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">          Вставляет изображение на страницу.
<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> Добавляет горизонтальную линию.
<hr size="?"> Указывает толщину линии.
<hr width="?">  Указывает ширину линии в пикселах или процентах.
<hr noshade> Линия без тени.
 <hr color="?">  Определяет цвет линии.
Создание таблиц  
<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="#"> Указывает количество столбцов, объединенных в одной ячейке.
<td rowspan="#">  Указывает количество строк, объединенных в одной ячейке.
  <td nowrap>  Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width="#">  Задает ширину ячейки таблицы в пикселях или процентах.
<td height="#"> Задает высоту ячейки таблицы в пикселях или процентах.
Фреймы в документах html  
<frameset></frameset>      Предшествует тегу <body> на фреймовой странице.
<frameset rows="value,value"> Определяет строки в таблице фреймов, значение высоты которых определяется количеством пикселей или в процентах.
<frameset cols="value,value"> Определяет столбцы в таблице фреймов, значение ширины которых определяется количеством пикселей или в процентах.
<frame> Задает единичный фрейм или область в таблице фреймов.
<noframes></noframes> Задает информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен.
Используемые атрибуты фреймов html  
<frame src="URL">      Привязка web страницы к окну фрейма.
<frame name="name"> Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами.
<frame marginwidth="#"> Отступы по горизонтали внутри фреймового окна.
 <frame marginheight="#"> Отступы по вертикали внутри фреймового окна.
<frame scrolling=VALUE> Создает линейку прокрутки фрейма; значение value может быть "yes," "no," или "auto". По умолчанию - auto.
<frame noresize> Запрещает изменение размеров фреймового окна посетителем сайта.
Ифрейм и его атрибуты  
<iframe></iframe>       Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.
<iframe src="URL"> Привязывает web страницу к окну ифрейма.
<iframe name="name"> Назначает ифрейму имя, для улучшения маршрутизации информации.
<iframe vspase="?"> Задает отступы по горизонтали снаружи ифрейма.
 <iframe hspase="?"> Задает отступы по вертикали снаружи ифрейма.
<iframe marginwidth="#"> Задает поля по горизонтали внутри ифрейма.
<iframe marginheight="#"> Задает поля по вертикали внутри ифрейма.
<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> Создает ниспадающее меню
<textarea name="NAME" cols=40 rows=8></textarea> Размещает редактируемое окно для ввода текста. Атрибуты сolumns - задает значение ширины окна, а 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"> Размещает на странице "Очистить".

Перейти на главную страницу

 

Главная страница

Зарабатываем деньги:

Где заработать??? обзор рыбных мест.

 

Разное

Наш сайт в каталогах

 

 

Написать письмо вебмастеру folvarok@mail.ru

Использование материалов данного сайта разрешено при условии обязательной гиперссылки на данный ресурс. Авторские права на данный ресурс принадлежат Кузьминичу Евгению.

февраль 2010г.