CyberGuru.ru - программирование, исходники, операционные системы
  Вы здесь: Web-технологииHTML, CSS, JavaScriptОсновные теги языка HTML

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

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

Основные теги

<html></html> - Указывает программе просмотра страниц что это HTML документ.

<head></head> - Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> - Определяет видимую часть документа

Теги оглавления

<title></title> - Помещает название документа в оглавление программы просмотра страниц 

Атрибуты тела документа

<body bgcolor=?> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

<body text=?> - Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

<body link=?> - Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink=?> - Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

<body alink=?> - Устанавливает цвет гиперссылок при нажатии. 

Теги для форматирования текста

<pre></pre> - Обрамляет предварительно отформатированный текст.

<h1></h1> - Создает САМЫЙ БОЛЬШОЙ заголовок

<h6></h6> - Создает самый маленький заголовок

<b></b> - Создает жирый текст

<i></i> - Создает наклонный текст

<tt></tt> - Создает текст - имитирующий стиль печатной машинки.Используется для цитат, обычно наклонный текст.

<em></em> - Используется для выделения из текста слова (наклонный или жирный текст)

<strong></strong> - Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

<font size=?></font> - Устанавливает размер текста в пределах от 1 до 7.

<font color=?></font> - Устанавливает цвет текста, используя значение цвета в виде RRGGBB. 

Гиперссылки

<a xhref="URL"></a> - Создает гиперссылку на другие документы или часть текущего документа.

<a xhref="mailto:EMAIL"></a> - Создает гиперссылку вызова почтовой программы для написания письма автору документа.

<a name="NAME"></a> - Отмечает часть текста как цель для гипперссылок в документе.

<a xhref="http://www.cyberguru.ru/#NAME"></a> - Создает гиперссылку на часть текущего документа. 

Форматирование 

<p> - Создает новый параграф

<p align=?> - Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

<br> - Вставляет перевод строки.

<blockquote></blockquote> - Создает отступы с обеих сторон текста.<dl></dl>Создает список определений.

<dt> - Определяет каждый из терминов списка

<dd> - Описывает каждое определение

<ol></ol> - Создает нумерованный список

<li> - Определяет каждый элемент списка и присваивает номер

<ul></ul> - Создает ненумерованный список

<li> - Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align=?> - Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей 

Графические элементы 

<img xsrc="name"> - Добавляет изображение в HTML документ

<img xsrc="name" align=?> - Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

<img xsrc="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> - Не позволяет программе просмотра делать перевод строки в ячейке таблицы. 

Кадры 

<frameset></frameset> - Предваряет тег <body> в документе, содержащем кадры;

<frameset rows="value,value"> - Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.

<frameset cols="value,value"> - Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.

<frame> - Определяет единичный кадр или область в таблице кадров.

<noframes></noframes> - Определяет, что будет показано в окне браузера если он не поддерживает кадры. 

Атрибуты кадров 

<frame xsrc="URL"> - Определяет какой из HTML документов будет показан в кадре.

<frame name="name"> - Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.

<frame marginwidth=#> - Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.

<frame marginheight=#> - Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.

<frame scrolling=VALUE> - Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. 

<frame noresize> - Препятствует изменению размеров кадра. 

Формы 

Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы.

<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" xsrc="name.gif"> - Создает кнопку "Принять" - для этого используется изображение<input type="reset">Создает кнопку "Отмена" 

Читайте также:
  • Введение в объектно-ориентированный JavaScript
    •    Скачать примеры - 7.04 Кб Оглавление Введение Предпосылки Основные понятия Простой класс на JavaScript Определение класса Создание свойств класса Создание методов класса Инкапсуляция Открытые, защищенные и закрытые члены Инкапсуляция на практике Вывод по инкапсуляции ...
  • Создание средства просмотра XML с помощью JScript – создание мощных скриптов в Exsead XML
    •    Скачать исходники - 19.01 KB Введение В данной статье на основе Exsead создается парсер JScript DOM и GUI просмотра XML. Краткая информация о Exsead Etc. Основные принципы устройства Exsead изложены здесь. Чтобы данная статья принесла максимум пользы, следует прочитать статью об использов...
  • Расширение встроенных объектов JavaScript при помощи прототипов
    ВведениеМожно использовать свойство prototype (прототип) некоторых встроенных объектов JavaScript для расширения их функциональности. Новые экземпляры конкретного класса объектов наследуют поведение, заданное классу. Если вы знаете C++, рассматривайте расширенные объекты как производные классы с...
  • Графическое дерево JavaScript с Layout
    Рисунок 1. Пример с конкретными цветами, обработанными при помощи VML в Internet Explorer. Рисунок 2. Пример с конкретными цветами, обработанными при помощи холста (canvas) в Firefox. Рисунок 3. Пример, демонстрирующий свернутые и выбранные узлы, обработанные посредством VML в Internet Exp...
  • JavaScript для новичков
    Вложения и включенияДавайте сначала рассмотрим простой пример:<html><head><title>This is a JavaScript example</title><script language="JavaScript"><!--document.write("Здравствуй мир!");//--></script></head><body> Привет! </...