Поточний час:
Сьогодні 21 листопада, вівторокк 2017 рік

Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 2 дня

Ваш ip адрес:54.198.210.67

Доброї ночі!
Ви обновили сторінку в 4 : 21

Статистика

Кількість публікацій на блозі: 367
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

Для того чтобы было легче создавать новый HTML-документ и использовать в нем все необходимые элементы, ниже созданный список этих едлементив, их функции и описание каждого. Все публикации по данной теме можно просмотреть в категории “Все о HTML”

 

<!–…–> Текст который расположен в середине тега <! –…–> Это текст комментария. Комментарии не выводимы в окне браузера.
<HTML></HTML> Сообщает браузеру, что вся следующая за ним информация является текстом, закодированным согласно формату HTML
<HEAD></HEAD>  Позволяет создавать заголовок HTML-документа
<TITLE></TITLE>  Название  HTML–документа
<BODY></BODY>  Тело web–страницы
 АТРИБУТЫ
ALINK=color— Цвет ссылок при нажатии, которое выполняет пользователь
BACKGROUND=url—URL графического файла, который используется в качестве фонового изображения.
BGCOLOR=color— цвет фона web-страницы
Text=color— цвет текста в документе

 

            LINK=color— цвет ссылок, не посещаемых со страницы  
 VLINK=color— посещаемых с страницы

 

Элементы форматирования

<P> Парный тег. Определяет текстовый параграф. Перед пунктом автоматически вставляется пустая строка. Синтаксис: <p align = aligntype>, где атрибут align задает выравнивание параграфа. Допустимые значения: left. right. center.
<H1>…<H6> Текст, который помещают в пару тегов. <Hn> … </ Hn>, отображается в виде загодовку n-уровня от 1 до 6. Заголовок первого уровня имеет наибольший шрифт. Чаще используется атрибут align.Допустими значения: left. right. center. Например <h1 align = “center”> Заголовок 1-го уровня </ h1>
CENTER> </CENTER> Располагает материал по центру страницы Например <center> <h2> Это центр </ h2> </ center>
<BR> Используется для розрыва строки Например <p> Перенос <br> строки </ p>
<HR>  Горизонтальная разделяющая линия

Атрибуты

SIZE=x—Толщина линии в пикселях

WIDTH=x— Длина линии в пикселях или процентах по отношению к ширине окна браузера

ALIGN=x— Выравнивание горизонтальной линии. Допустимые значения: left. right. center.

NOSHADE— Линия без тени

COLOR=color— Цвет текста

 

<FONT> </FONT>  Задает размер и цвет шрифта

Атрибуты

SIZE=x— размер шрифта. Целое число от 1 до 7 раз 7 соответствует самому большому размеру шрифта
розмір шрифта. 

FACE=font— имя шрифта или список шрифтов. Весь список шрифтов проверяется слева направо, и первый, у пользователя, быть использоваться для воспроизведения документов  

COLOR=color цвет текста

<PRE> </PRE> Определяет блок преждевременно отформатированного текста.
<B> </B> Воспроизводит текст жирным шрифтом
<I> </I> Воспроизводит текст курсивом
<U> </U> Воспроизводит текст подчеркнутым

 

<TT> </TT>                                                                                         Воспроизводит текст моноширинный (зафиксированной ширины) текстом
<CITE> </CITE> Используется для выделения цитату
<CODE> </CODE> Используется для отображения программного кода
<EM> </EM>
<KBD> </KBD> Используется для отображения текста который необходимо набирать на клавиатури.Наприклад <p> Чтобы набрать данный документ используйте комбинацию клавиш <kbd> & lt; Ctrl & gt; + & lt; P & gt; </ kbd>
<STRONG> </STRONG> Выделяет текст (жирным шрифтом)
<VAR> </VAR> Используется для выделения переменных и аргументов программ
<BASEFONT SIZE=n> Определяет размер шрифта на странице по умолчанию
<ADDRESS> <ADDRESS> Служит для того чтобы показать контактную информацию об авторе. Чаще всего этот элемент размещается в начале или в конце документа и содержит имя автора документа, адрес его электронной почты. Браузеры обычно показывают курсивом шрифтом.. 

Елементы для изображений

<img> Включает изображение в текущий документ в место определении документа
АТРИБУТЫ
SRC=url— URL графического файла в формате GIF. JPEG. PNG
ALT=text— Альтернативный текст, который отображается вместо изображения, если в браузере не настроен настройки “Показывать рисунки””
ALIGN=x— Выравнивание изображения на странице. Возможные значения: top (вверх). middle (середина). bottom (низ). left (влево). right (вправо).
HEIGHT=x— Высота изображения в пикселях
WIDTH=x— Ширина изображения
BORDER=x— Рамка вокруг изображения
HSPASE=x— Горизонтальный отступ от изображения к окружающей контента (в пикселях)
VSPACE=x— Вертикальный отступ от изображения к окружающей контента (в пикселях)

Елементы для гиперссылок

<A> </A> Служит для создания ссылок. В зависимости от присутствия параметров name или href <A> устанавливает ссылки на якорь. Якорем может называться закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которые указывают на якорь, происходит переход к закладке внутри web-страницы. В качестве значения параметра href используется адрес документа URL, на который происходит переход. Адрес ссылки может быть абсолютной и относительной. Абсолютные адрес работают везде и всюду независимо от имени сайта или web-страницы, где прописано ссылки. Относительные ссылки построены относительно документа или корня сайта.
 АТРИБУТЫ
HREF=url — гипертекстовые ссылки
HREF=#name — ссылки на внутренний якорь 
NAME=name— определение внутреннего якоря

 

Елементи для списков и таблиц

<DD> Пункт списка определений                                 
<DL> </DL> Елементы списка
<DT> Пункт списка определений  
<LI> </LI> Елементы списка

АТРИБУТы

TYPE=type —задает тип нумерации. Допустимые значения А (прописные буквы), а (строчные буквы), и (прописные римские числа), и (малые римские числа), и (числа)

VALUE=value— начальный номер

<OL> </OL>  Упорядоченный список (пронумерован)

Атрибуты

TYPE=type — тип маркера

START=value — число с которого начинается список

<UL> </UL> Текст который помещен в контейнер UL, образует маркированный список

АТРИБУТЫ

TYPE=type— устанавливает тип маркера списка. Возможны варианты disc (маленький заполненной кружок), circle (маленький круг), square (маленький квадрат)

<TABLE> </TABLE> Служит контейнером для элементов, которые выделяют содержимое таблицы  

АТРИБУТЫ

BACKGROUND=url— задает фоновый рисунок в таблице.

BGCOLOR=color— Цвет фона таблицы

ALIGN=x— Выравнивание таблицы. По умолчанию по левому краю.

HEIGHT=x— Высота таблицы

WIDTH=x— Ширина таблицы

BORDER=x— Задает ширину рамки таблицы в пикселях. По умолчанию его значение равно нолю, т.е. таблица выводится без рамки 

BORDERCOLOR=color— Задает цвер рамки таблицы

CELLPADDING=x— Отступ в ячейках таблицы

CELLSPACING=X— Расстояние между ячейками таблицы

COLS=x— Определяет количество строк в таблице

FRAME=value— Указывает какие части внешней рамки должно быть видно (используется редко)

RULES=value— Указывает какие части внутренней рамки должно быть видно (используется редко)

<TH> </TH> Определяет ячейку заголовка таблицы. В ней текст выделен жирным шрифтом и выровнены по центру
<TR> </TR> Применяется для создания строки таблицы

АТРИБУТЫ

ALIGHN=x— выравнивание по центру

BGCOLOR=color— цвет фона для всей строки 

<TD> </TD>  Применяется для создания ячейки таблицы АТРИБУТЫ

BACKGROUND=url— определяет фоновое изображение для ячейки таблицы

BGCOLOR=color— цвет фона ячейки

ALIGN=x— выравнивания содержимого ячейки по горизонтали

Valign=X— выравнивания содержимого ячейки по вертикали, top (по верхнему краю строки)

 

top (по верхнему краю строки)

middle ( по средине)

bottom (по нижнему краю)

baseline (выравнивание по общей базовой линии) 

HEIGHT=xвысота ячейки

WIDTH=xширина ячейки

COLSPAN=x— соеденяет горизонтальные ячейки

ROWSPAN=x— соеденяет вертикальные ячейки

NOWRAP— приглашает перенос строки

<CAPTION>                   ЗАГОЛОВОК ТАБЛИЦЫ                                                  

Елементы для фреймов

<FRAMESET> <FRAMESET> Определяет вывод главного пользовательского окна в виде набора прямоугольников (кадров)

АТРИБУТЫ

COLS=x— Определяет количество вертикальных кадров

ROWS=x— Определяет количество горизонтальных кадров в наборе кадров

FRAMEBORDER=x— Показывает должен ли быть фрейм включен в рамку. Определяет состояние “on” (активно) “off” (неактивно) в поле кадра FRAMESET (1 или 0)

FRAMESPACING=x— Расстояние между двумя соединенными кадрами

 <FRAME>  Определение конкретного кадра

АТРИБУТЫ

SRC=url— Задает URL HTML-документа или иного ресурса, который должен пересматриваться в данном фрейме

NAME=name— Имя кадра (используется вместе с TARGET = имя как часть знака разметки якорные типа <a>)

SCROLLING=value — отмечает присутствие в окне фрейма полосы прокрутки.

Возможные значения

on (активный)

off (неактивный)

auto (автоматический)

FRAMEBORDER=x— Указывает должен ли быть фрейм вставлен в рамку

MARGINWIDTH=x—   Дополнительное пространство справа и слева от определения кадра (задается в пикселях и должен быть больше чем ноль)

MARGINHEIGHT=X— Дополнительное пространство над и под определенным кадром (задается в пикселях и должен быть больше чем ноль)

 <NOFRAMES> </NOFRAMES> Раздел страницы, которая показана для пользователей, которые не могут видеть кадр
 <IFRAME>  Вложенный кадр только для (ІЕ)

АТРИБУТЫ

SRC=url— Задает URL HTML-документа или иного ресурса, который должен пересматриваться в данном фрейме

NAME=name— Название окна, используется вместе с TARGET

HEIGHT=x— Высота встроенного кадра

WIDTH=x— Ширина встроенного кадра

Елементы для форм

<FORM> </FORM> Активная НTML— форма. Форма предназначена для обмена данными между пользователем и сервером

АТРИБУТЫ

ACTION=url— программа которая будет обрабатывать заполненную и отправленную форму, обработчик формы

METHOD=метhod— метhod- отправляет который метод HTTP используется для отправки набора данных формы. Возможны нечувствительны к реестра значениями “get” (по умолчанию) и “post”

<INPUT>  Поле для ведения текста и других данныхАТРИБУТЫ

TYPE=type— тип поля ведения <INPUT> Возможны варианты text, password, checkbox, hidden, file

NAME=name— имя поля для индентификации обработчиком

VALUE=значення— значения елемента

CHECKED— преждевременно активирован переключатель или флажок

SIZE=x— ширина текстового поля (количество символов)  

MAXLENGHT=x— максимальное количество символов поля

DISABLED— блокирует доступ и изменение элемента

READONY— значение поля не может быть изменено

<SELECT> </SELECT>  Поле для ввода текста или других данных АТРИБУТы

NAME=name— имя поля для индентификации обработчиком.

SIZE=x— количество отображаемых строк (по умолчанию 1)

MULTIPLE=x позволяет выбрать одновременно несколько элементов из списка

DISABLED— блокирует доступ к элементу списка

<OPTION> Определяет отдельные элементы списка, созданные с помощью контейнера <SELECT>

АТРИБУТЫ

SELECTED— делает определенный пункт списка выделенным.

VALUE=value— значение пункта списка

DISABLED— блокирует доступ к элементу списка

<TEXTAREA> </TEXTARIA>  Поле для ввода текста в несколько строк

АТРИБУТЫ

NAME=name— имя поля для индентификации обработчиком.

ROWS=x— количество видимых строк в текстовом поле

COLS=x— видимая ширина строки текстового окна 

DISABLED— блокирует доступ и изменяет элемент

READONLY—значение поля не может быть изменено

<FIELDSET> </FIELDSET>  Предназначено для группировки элементов формы
<LEGEND> </LEGEND>  Создает заголовок группы элементов формы

 

Дополнительные элементы 

<style> </style> Позволяет включить в документ внутренние таблицы стилей
TYPE=val Показывает нам тип таблицы стилей. Для каскадных таблиц стилей этот атрибут всегда должен иметь значение “text / css”
<SCRIPT> </SCRIPT> Включая скрипт как правило JavaScript. в web-страниц
LANGUAGE= используемый язык
Создание событий
FOR=імя обєкта Задает индетификатор HTML-элемента, к которому будет присвоено обработчик
EVENT= подія  Задает тип событий, которые не должны обрабатываться

 

Специальные символы

Символ Назначение Мнемоника Код
неразрывный пробел  &nbsp;  &=160;
 § знак раздела (знак параграфа)  &sect;  &=167;
 © знак охраны авторских прав  &copy;  &=169;
 « направление влево двойная угловая лапка  &laquo;  &=171;
 » направление вправо двойная угловая лапка  &raquo;  &=187;

В web-документах порой возникает необходимость включить символ, которого нет на клавиатуре. В таком случае необходимо вставить в HTML-документ назначено ссылки (мнемонику или код).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *