Компьютерный форум INN

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Компьютерный форум INN » О форуме » Словарь HTML-тегов (основы + учебники)


Словарь HTML-тегов (основы + учебники)

Сообщений 1 страница 4 из 4

1

При содействии HELP и FedKoFF  ©

Что такое HTML ?
HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров.
Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки.

Использование HTML
позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя вцелом общую структуру и информационную полноту документов.
Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.

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

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


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

<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=?> Устанавливает цвет гиперссылок при нажатии.
 
Теги для форматирования текста

2

<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.
 
Гиперссылки

<a href="URL"></a> Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL">
</a> Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a> Отмечает часть текста как цель для гипперссылок в документе.
<a href="#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 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> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

3

Кадры

<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> Препятствует изменению размеров кадра.
 
Формы

Для форм, выполняющих какие-то функции должны быть запущены соответствующие 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" src="name.gif"> Создает кнопку "Принять" - для этого используется изображение
<input type="reset"> Создает кнопку "Отмена"

4

При содействии HELP  и AlexuS™

Справочникпо HTML  и СSS упрощённый версии 1.0

Учебник №2
Учебник №3
Учебник №4
Учебник №5
Сборник скриптов

Таблица цветов №1
Таблица цветов №2
Таблица цветов №3


Тэг                   Назначение и атрибуты

A                       ссылка
                                  href="другой_документ.html" - путь к документу
                                  target=_blank - открывает ссылку в новом окне
                                  name="anchor1" - имя закладки
                                  title="Ваша подсказка" - подсказка к ссылке (текстовой) 

B                       выделение текста полужирным шрифтом 

BIG                    выделение текста более крупным шрифтом, чем основной 

BODY                  тело документа, обязательный тэг
                                    text="#cc0000" - задает цвет текста всего документа
                                    bgcolor="#000000" - задает цвет фона документа
                                    background="картинка.jpg" - задает фоновую картинку
                                    link="#ff9999" - задает цвет ссылки
                                    alink="#ff9999" - задает цвет активной (нажатой) ссылки
                                    vlink="#ff9999" - задает цвет посещенной ссылки
                                    topmargin="0" - ширина верхнего и нижнего полей документа для IE
                                    leftmargin="0" - ширина левого и правого полей документа для IE
                                    marginheight="0" - ширина верхнего и нижнего полей документа для NN
                                    marginwidth="0" - ширина левого и правого полей документа для NN

BR                      принудительный перенос текста на другую строку
                                    clear="all" (left, right) - завершение обтекания текстом объекта 

CENTER              центрирование текста и объектов

DIV                     выравнивание текста и объектов
                                    align="center" - центрирование
                                    align="right" - выравнивание по правому краю документа
                                    align="left" - выравнивание по левому краю документа
                                    align="justify" - выравнивание по обоим краям документа 

HR                      линия
                                    align="right" (center или left)
                                    width="30%" (ширина линии в процентах)
                                    size="6" (толщина линии)
                                    NoShade (отмена объемности)
                                    color="cc0000" (цвет линии, только в IE) 

I                         выделение текста курсивом 

IMG                    подгрузка изображений (картинок)
                                   Border="5" - рамка покруг картинки
                                   width="500" - ширина картинки
                                   height="100" - высота картинки
                                   align="left" - расположение текста по отношению к картинке
                                   vspace="10" - расстояние от картинки до текста по вертикали
                                   hspace="30" - расстояние от картинки до текста по горизонтали
                                   alt="описание" - описание картинки
                                 
LINK                   вводит в документ внешние таблицы стилей
                                    href=”http://…” – пусть к файлу со стилями
                                    type="text/css" – тип содержимого, подгружаемой информации. 

MARQUEE            бегущая строка текста (только IE)
                                    bgcolor - цвет фона бегущей строки
                                    height - высота строки
                                    width - ширина строки
                                    behavior="scroll" обычная прокрутка
                                    behavior="slide" - строка пробегает до края и останавливается
                                    behavior="alternate" - строка будет двигаться от края к краю
                                    scrollamount="1" (1-10) - скорость движения строки
                                    direction="left" (right, up, down) - движение влево (вправо, вверх, вниз) 

SCRIPT               внедрение скриптов в документ
                                    type="text/javascript" - тип содержимого / язык
                                    скрипта src="http://site.ru/put_k_sciptu/" - путь к
                                    внедряемому скрипту

TT                       шрифт пишущей машинки (моноширинный)

U                        подчеркнутый текст


<i></i> - курсив
<b></b> - полужирный
<u></u> - подчеркнутый
<s></s> - [s]перечеркнутый[/s

Похожие темы


Вы здесь » Компьютерный форум INN » О форуме » Словарь HTML-тегов (основы + учебники)