Rambler's Top100

Мистика Политика История Медицина Взаимоотношения Спорт Софт "Боевые Хомячки" Анархизм

Объявление

Приветствуем Вас!
Революционеры налево, Секс маньяки направо, Ангелам просьба оставаться на месте, а потом Все вместе!
Цель этого ресурса! 1. Дать возможность забаненым и просто желающим общаться, менятся инфой. 2. Распространение этой ссылки нужно не мне (это для нас, чтоб в случае бана на превычном тебе форуме тут оказались твои знакомые (я сам частенько у себя в Бане и моюсь)). 3. Чёткой тематике этот форум не имеет. 4. Не смотря на правила, бан будет применятся очень редко (я просто попытаюсь всё разгребать сам, ну если появятся идейные Модеры, буду рад). Welcome! Как понадобится, появятся подфорумы. Ники не писавшие больше месяца, постепенно будут удалятся. НА ФОРУМЕ ЕСТЬ ПОСТЫ, ССЫЛКИ, ИЗОБРАЖЕНИЯ, РАЗДЕЛЫ НЕ ДОПУСТИМЫЕ К ПРОСМОТРУ БЕЗ РЕГИСТРАЦИИ НА ФОРУМЕ. Радио: ulТra ЕuroрaРlus maximum ЭХО МОСКВЫ Хит FM Юмор FM Авторадио DFm Блатняк Радио Джаз Блюз Метал Флэш Игры: Карты Бродилка Арканоид Логическая Гонки Спорт Бильярд Экшн Казино Пляж Теннис Убить Масяню 2 ПРОВОДИТСЯ ДОНАБОР МАЛЬЧИКОВ 1998 г.р. В ДЮСШ №80 НА ОТДЕЛЕНИЕ ФУТБОЛА, справки у администрации Форума.

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

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



Базовые теги языка HTML

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

1

Предлагаю тут накидывать всё по азбуке тягов. 

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

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

<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"> Создает кнопку "Отмена"

0

2

Эти материалы взяты с ресурсов обучения начинающих Админов и Модеров форумов.
(да и пользователи это должны знать, окудо ноги у скриптов растут)

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

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> - перечеркнутый
<font color=red></font> - красный текст
<font size=+1></font> - увеличить размер текст на единицу (до 7)
<font face="ARIAL"></font> - поставить шрифт текста
<br> - перевод каретки (новая строка)
<hr> - горизонтальная черта
<a href="адрес">ссылка</a> - сделать ссылку на адрес
<img src="адрес картинки"> - запостить картинку
<div align="center"></div> - центровка текста (right - вправо, left - соответственно влево)

0