Мы поддерживаем форумы о аниме и о позитиве

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

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



Таблица html кодов

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

1

Таблица 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> Создает текст - имитирующий стиль печатной машинки.
<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



Рейтинг форумов | Создать форум бесплатно