Firefox: 100% Tested
Делаю сайты любой сложности
Связаться со мной
русский
english
עברית
школа XHTML.co.il
Главная
HTML
jQuery
Теги HTML
<!--..-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1>-<h6>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>
<menu>
<meta>
|
More
Основы HTML
HTML
Введение в HTML
Начинаем HTML
База HTML
Элементы HTML
Атрибуты HTML
Заголовки HTML
Параграфы HTML
Форматирование текста HTML
Стили HTML
Ссылки HTML
Картинки HTML
Таблицы HTML
Списки HTML
Шаблоны HTML
Цвета HTML
Имена цветов HTML
Значение цветов HTML
Быстрый список HTML
Продвинутый HTML
Макет HTML
Рамки HTML
Шрифты HTML
Почему HTML 4.0
CSS HTML
Специальные символы HTML
HTML head
HTML meta
HTML URLs
Скрипты HTML
Атрибуты HTML
События HTML
Кодировка HTML URL
Интернет сервер HTML
Резюме HTML
Примеры HTML
Примеры HTML
Ссылки HTML
HTML по алфавиту
HTML по функциональности
Атрибуты HTML
События HTML
Действительные HTML DTD
Набор символов HTML
HTML ASCII
HTML ISO-8859-1
Символы HTML
Кодировка HTML URL
Код языков HTML
Сообщения HTML
Браузеры
Главная страница браузеров
Статистика браузеров
Статистика ОС
Статистика изображения
Браузер Explorer
Браузер Netscape
Проект Mozilla
Браузер Firefox
Браузер Opera
Браузер Chrome
Браузер Safari
Основные атрибуты HTML
class
id
style
title
Домены на продажу
3dmax.co.il
boycott.co.il
brianna-frost.com
dtd.co.il
mootools.co.il
wml.co.il
Карта сайта
Была ли эта информация полезной?
Да
Нет
%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F
Первоклассные имена доменов на продажу
HTML Атрибут <tfoot>
align
HTML <dir> compact Attribute
Определяет размер шрифта, тип шрифта и его цвет:
HTML Атрибут <font> color
HTML Атрибут <font> face
HTML Атрибут <font> size
HTML Атрибут <form> accept
HTML Атрибут <form> accept-charset
HTML <form> enctype Attribute
HTML Атрибут <form> method
HTML <form> name Attribute
HTML <form> target Attribute
HTML Атрибут <frame> frameborder
HTML Атрибут <frame> longdesc
HTML Атрибут <frame> marginheight
HTML Атрибут <frame> marginwidth
HTML Атрибут <frame> name
HTML Атрибут <frame> noresize
HTML Атрибут <frame> scrolling
HTML Атрибут <frame> src
HTML Атрибут <frameset>
cols
HTML Атрибут <frameset>
rows
HTML Атрибут <h1> to <h6>
align
HTML Атрибут <hr>
align
HTML Атрибут <hr>
noshade
HTML Атрибут <hr>
size
HTML Атрибут <hr>
width
HTML Атрибут <html>
xmlns
HTML Атрибут <iframe>
align
HTML Атрибут <iframe>
frameborder
HTML Атрибут <iframe>
height
HTML Атрибут <iframe>
longdesc
HTML Атрибут <iframe>
marginheight
HTML Атрибут <iframe>
marginwidth
HTML Атрибут <iframe>
name
HTML Атрибут <iframe>
scrolling
HTML Атрибут <iframe>
src
HTML Атрибут <iframe>
width
HTML Атрибут <img>
src
HTML Атрибут <img>
alt
HTML Атрибут <img>
title
HTML Атрибут <img>
align
HTML Атрибут <img>
border
HTML Атрибут <img>
height
HTML Атрибут <img>
hspace
HTML Атрибут <img>
longdesc
HTML Атрибут <img>
usemap
HTML Атрибут <img>
vspace
HTML Атрибут <img>
width
HTML <input>
align
Attribute
HTML Атрибут <input>
alt
HTML Атрибут <input>
accept
HTML Атрибут <input>
checked
HTML Атрибут <input>
disabled
HTML Атрибут <input>
maxlength
HTML Атрибут <input>
name
HTML Атрибут <input>
readonly
HTML Атрибут <input>
size
HTML Атрибут <input>
src
HTML Атрибут <input>
type
HTML Атрибут <input>
value
HTML Атрибут <ins>
cite
HTML Атрибут <ins>
datetime
HTML Атрибут <label>
for
HTML Атрибут <legend>
align
HTML Атрибут <li>
type
HTML Атрибут <li>
value
HTML Атрибут <ol>
compact
HTML Атрибут <ol>
start
HTML Атрибут <ol>
type
HTML <ul>
compact
Attribute
HTML <ul>
type
Attribute
HTML Атрибут <link>
charset
HTML Атрибут <link>
href
HTML Атрибут <link>
hreflang
HTML Атрибут <link>
media
HTML Атрибут <link>
rel
HTML <link>
rev
Attribute
HTML <link>
target
Attribute
HTML <link>
type
Attribute
HTML Атрибут <map>
name
HTML <menu>
compact
Attribute
HTML Атрибут <meta>
content
HTML <meta>
http-equiv
Attribute
HTML Атрибут <meta>
name
HTML Атрибут <meta>
scheme
HTML Атрибут <optgroup>
label
HTML <optgroup>
disabled
Attribute
HTML Атрибут <option>
disabled
HTML Атрибут <option>
label
HTML Атрибут <option>
selected
HTML Атрибут <option>
value
HTML Атрибут <select>
disabled
HTML Атрибут <select>
multiple
HTML <select>
name
Attribute
HTML Атрибут <select>
size
HTML Атрибут <p>
align
HTML Атрибут <pre>
width
HTML Атрибут <q>
cite
HTML Атрибут <script>
src
HTML Атрибут <script>
type
HTML Атрибут <script>
charset
HTML Атрибут <script>
defer
HTML Атрибут <style>
type
HTML Атрибут <style>
media
HTML Атрибут <table>
align
HTML Атрибут <table>
bgcolor
HTML Атрибут <table>
border
HTML Атрибут <table>
cellpadding
HTML Атрибут <table>
cellspacing
HTML Атрибут <table>
frame
HTML Атрибут <table>
rules
HTML Атрибут <table>
summary
HTML Атрибут <table>
width
HTML Атрибут <tbody>
align
HTML Атрибут <tbody>
char
HTML Атрибут <tbody>
charoff
HTML Атрибут <tbody>
valign
HTML Атрибут <td>
colspan
HTML Атрибут <td>
rowspan
HTML Атрибут <td>
abbr
HTML Атрибут <td>
align
HTML Атрибут <td>
axis
HTML Атрибут <td>
bgcolor
HTML Атрибут <td>
char
HTML Атрибут <td>
charoff
HTML Атрибут <td>
headers
HTML Атрибут <td>
height
HTML Атрибут <td>
nowrap
HTML Атрибут <td>
scope
HTML Атрибут <td>
valign
HTML Атрибут <td>
width
HTML Атрибут <tfoot>
char
HTML Атрибут <tfoot>
charoff
HTML Атрибут <tfoot>
valign
HTML Атрибут <thead>
align
HTML Атрибут <thead>
char
HTML Атрибут <thead>
charoff
HTML Атрибут <thead>
valign
HTML Атрибут <th>
abbr
HTML Атрибут <th>
align
HTML Атрибут <th>
axis
HTML Атрибут <th>
bgcolor
HTML Атрибут <th>
char
HTML Атрибут <th>
charoff
HTML Атрибут <th>
colspan
HTML Атрибут <th>
colspan
HTML Атрибут <th>
nowrap
HTML Атрибут <th>
rowspan
HTML Атрибут <th>
scope
HTML Атрибут <th>
valign
HTML Атрибут <th>
width
HTML Атрибут <tr>
align
HTML Атрибут <tr>
bgcolor
HTML Атрибут <tr>
char
HTML Атрибут <tr>
charoff
HTML Атрибут <tr>
valign
HTML Атрибут <textarea>
cols
HTML Атрибут <textarea>
rows
HTML Атрибут <textarea>
disabled
HTML Атрибут <textarea>
name
HTML Атрибут <textarea>
readonly
Этот пример демонстрирует, как использовать тег noframes HTML
Этот пример демонстрирует, как сделать фрейм содержащий три документа, и как разделить их на строки и столбцы HTML
Фреймы с noresize = 'noresize' HTML
Навигационный фрейм HTML
Этот пример демонстрирует, как создать встроенный фрейм (фрейм внутри HTML-страницы).
Перейти к нужному разделу в пределах фрейма HTML
Перейти к указанному разделу с окном навигации HTML
Этот пример демонстрирует, как делать вертикальные фреймы с тремя различными документами.
Этот пример демонстрирует, как делать горизонтальные фреймы с тремя различными документами.
Форматированный текст в документе:
Список каталогов:
Использование атрибута compact в списке каталогов:
Пример CSS: уменьшает высоту строчки
Раздел в документе, который будет отображаться зеленым цветом:
Часть в документе, которая отцентрованна:
Пример CSS: Выравнивание текста в элементе div
Список определений:
Группа связанных элементов в форме:
Определяет цвет текста:
Определяет шрифт текста:
Определяет размер текста:
Пример CSS: определяет цвет текста
Пример CSS: определяет шрифт текста
Пример CSS: определяет размер текста
Простая форма HTML с двумя полями ввода и кнопкой Отправить:
Форма с флажками: Форма с двумя флажками и кнопкой Отправить.
Форма с радио-кнопками: Форма с двумя радио-кнопками, и кнопкой отправки.
Отправка имейля из формы
Использование атрибута accept в форме (позволяет загрузить два вида файлов - gif и jpeg):
Использование атрибута accept-charset в форме:
В следующем примере, данные формы не кодируются перед отправкой:
В следующем примере, данные формы будут добавленны к URL через метод "get":
Форма HTML с атрибутом name:
В следующем примере, страница указанная в атрибуте action будет открыта в новом окне:
Простая страница с тремя фреймами:
Как сделать набор горизонтальных фреймов с тремя различными документами.
Как создать набор фреймов с тремя документами, и как перемешать их в строках и колонках.
Как использовать тег <noframes>.
Как использовать атрибут "noresize". Нельзя изменить размеры фреймов. Проведите мышкой над границами между фреймами и обратите внимание, что вы не можете передвинуть границы.
Как создать фрейм навигации. Фрейм навигации включает список ссылок с целью на второй фрейм. Файл, называемый "tryhtml_contents.htm" включает три линка.
Пример демонстрирует два фрейма. Один фрейм имеет источник на указанную секцию в файле. Указанная секция имеет <a name="C10"> в файле "link.html".
Этот пример показывает два фрейма. Навигационный фрейм (content.htm) слева содержит список ссылок со второго фрейма (link.htm) в качестве цели. Второй фрейм показывает, связанный документ. Одна из ссылок в навигационном фрейме связанна с указанной частью файла цели.
Страница с двумя фреймами, без рамок:
Атрибут longdesc указывает на страницу с расширенным объяснением содержания фрейма:
Первый фрейм имеет отступ сверху и снизу 50 точек, а второй фрейм имеет верхний и нижний отступ в 0 точек:
Первый фрейм с правым и левым отступом в 50 точек, а второй фрейм с левым и правым отступом в 0 точек:
Именованный фрейм:
Размер фрейма A не может быть изменен:
Фрейм A всегда включает прокрутку:
Атрибут src определяет местоположение документа, чтобы показать во фрейме:
Пример CSS: рамки фреймов
Простой документ HTML с минимальным набором тегов
Шесть различных заголовков HTML:
Как использовать тег <link> , чтобы прикрепить внешний список стилей.
Как использовать теги <meta> для описания документа.
Выравненные заголовоки HTML:
Пример CSS: Устанавливает выравнивание заголовков
Два параграфа разделенные горизонтальной линией:
Горизонтальная линия выравненная влево:
Пример CSS: выравнивание элемента hr
Незатененная горизонтальная линия:
Пример CSS: Незатененный hr
Горизонтальная линия высотой в 30 пикселей:
Пример CSS: Устанавливает высоту элемента hr
Горизонтальная линия шириной 350 пикселей:
Пример CSS: Устанавливает ширину элемента hr
Простой документ XHTML, с минимальным набором необходимых тегов:
Встроенный фрейм отмечается следующим образом:
Выравненный вправо iframe:
Пример CSS: Выравнивание элемента iframe вправо
iframe без рамки:
Пример CSS: рамка iframe
iframe с указанными высотой и шириной:
Атрибут longdesc указывает на страницу с подробным описанием содержания iframe:
iframe с верхним и нижним полями в 50 пикселей:
iframe с полем слева и справа в 50 пикселей:
iframe, который действует в качестве мишени для ссылки:
iframe с прокруткой:
iframe в простом использовании:
Изображение отмечается так:
Как внести изображения с другой директории или сайта.
Как выравнивать изображение внутри текста:
Как выравнить изображение слева или справа от текста:
Как добавить гиперссылку на изображение:
Пример CSS: Выравнивание изображения вправо
Изображение с рамкой шириной в 5 пикселей:
Пример CSS: рамка изображения
Изображение с высотой и шириной:
Изображение с полями в 20 пикселей слевой и справой стороны:
Пример CSS: изображение с полями
Использование атрибута longdesc, для указания страницы с подробным описанием изображения:
Изображение с полями сверху и снизу в 20 пикселей:
Пример CSS: изображение с полями
Изображение с всплывающим заголовком
Как определить поле пароля.
Как определить кнопку с вашим собственным текстом.
Форма HTML с двумя полями ввода и одним изображением как кнопка посылки:
Пример CSS: выравнивание изображения-ввода
Форма HTML с недоступным полем ввода:
Форма HTML с двумя полями ввода с максимальной длинной в 75 и 35 символов:
Форма HTML с двумя полями ввода и кнопкой Отправить:
Форма HTML с двумя полями ввода (один только для чтения) и кнопкой Отправки:
Форма HTML с двумя полями ввода с шириной 35 и 4 символа:
Пример CSS: Определяет ширину поля ввода:
Форма HTML с двумя полями ввода и одним изображением как кнопка Отправить:
Тип button обычно используется для активации JavaScript, когда пользователь нажимает на кнопку
<input type="file" /> используется для загрузки файлов.
Скрытые поля обычно содержат значения по умолчанию, или имеют значение изменяемое с помощью JavaScript.
Символы в поле пароля замаскированны (показаны как звездочки или кружки).
Радио кнопки позволяют пользователю сделать только один выбор из ограниченого числа опций.
A reset button clears all data in a form.
Использование атрибута cite в элементе ins:
Использование атрибута datetime в элементе ins:
Простая форма HTML с двумя полями ввода и связанными этикетками:
Выравнивание заголовка набора полей вправо:
Один упорядоченный и один неупорядоченный список HTML:
Список внутри списка.
Более сложный вложенный список.
Использование атрибута type в упорядоченном и неупорядоченном списке HTML:
Пример CSS: стиль списка стилей
Использование атрибута value в упорядоченном списке HTML:
Упорядоченный список HTML:
Использование атрибута compact в упорядоченном списке HTML:
Пример CSS: уменьшение высоты линии в списке
Указывает начальную точку отсчета в "4" в упорядоченном списке:
Устанавливает счетчик в латинские цифры в упорядоченном списке:
Пример CSS: Устанавливает список типов стилей
Неупорядоченный список HTML:
Использование атрибута compact в неупорядоченном списке HTML:
Пример CSS: уменьшение высоты линии в списке
Список внутри другого списка.
Более сложный вложенный список.
Использование атрибута type в неупорядоченном списке HTML:
Пример CSS: список типа стиля
Ссылка на внешний лист стилей:
Два различных списка стилей для двух различных типов медиа (экран компьютера и печать):
Список меню:
Использование атрибута compact в списке меню:
Описывает мета данные внутри документа HTML:
Использование атрибута scheme для определения форматов для атрибута содержания:
Простая страница с тремя фреймами, с тегом <noframes>:
Использование тега <noscript>:
Добавление объекта на страницу HTML:
Группирует вместе связанные опции с тегом <optgroup>:
Выключенные группы параметров:
Раскрывающийся список с четырьмя опциями:
Список выбора с четырьмя вариантами - один выключенный:
Использование атрибута label в элементах выбора:
Раскрывающийся список с заранее выбранной опцией:
Раскрывающийся список со значениями для отправки на сервер:
Недоступный раскрывающийся список:
Разрешает множественный выбор в раскрывающемся списке:
Раскрывающийся список с атрибутом name:
Атрибут size показывает две опции в раскрывающемся списке:
Параграф обозначается следующим образом:
Выравненный вправо параграф:
Пример CSS: Выравнивание текста в параграфе
Предварительно отформатированный текст:
Предварительно отформатированный текст шириной в 30 символов:
Пример CSS: предварительно отформатированный текст фиксированной ширины
Короткая цитата отмечается в следующем порядке:
Цитата с атрибутом cite, который определяет источник цитаты
Зачеркнутый текст может быть отмечен следующим образом:
Добавление JavaScript на страницу HTML:
Указывает кодировку символов используемую в связанном файле сценария:
Использование атрибута defer:
Ссылка на внешний файл сценария:
Текст с элементом span, который может быть форматирован с CSS:
Использование элемента style в документе HTML:
Два различных списка стилей для двух различных типов медиа (экран компьютера и печать):
Подстрочный и надстрочный текст:
Простая таблица HTML, содержащая два столбца и две колонки:
Таблицы HTML с различными рамками.
Как создавать заголовки таблицы.
Как использовать 'nbsp' для обработки клеток, которые не имеют содержания.
Таблица HTML с заголовком.
Как отобразить элементы внутри других элементов.
Как определить ячейки таблицы, которые охватывают более одной строки или одного столбца.
Как использовать cellpadding, чтобы создать больше пустого пространства между содержимым клетки и ее границами.
Как использовать cellspacing, чтобы увеличить расстояние между клетками.
Как добавить фон к таблице.
Как использовать атрибут "frame" для отображения границ вокруг таблицы.
Выравненная вправо таблица HTML:
Пример CSS: выравнивание таблицы
Таблица HTML с цветным фоном:
Пример CSS: цвет фона таблицы
В следующем примере устанавливается ширина рамки вокруг таблицы в 5 пикселей:
Следующий пример устанавливает расстояние между стенкой клетки и ее содержимым, в 10 пикселей:
Следующий пример устанавливает пространство между клетками в 10 пикселей:
Следующий пример указывает, что только рамки между рядами будут видны:
В следующей таблице HTML определяется краткое содержание таблицы:
Таблица HTML с шириной 400 пикселей:
Таблица HTML с элементами thead, tfoot, и tbody:
Следующая таблица HTML выравнивает содержимое внутри элемента tbody вправо:
В приведенном ниже примере, содержимое второго столбца должно быть выравненно по символу ".":
В примере ниже, содержание второго столбца выравненно два символа вправо от символа ".":
В следующей таблице HTML вертикально выравненно содержимое внутри элемента tbody вниз
Использование атрибута abbr в таблице HTML:
Таблица HTML с выравненной вправо клеткой:
Таблица HTML с классифицируемыми клетками:
Ячейки с цветом фона:
Пример CSS: данные таблицы с цветом фона
В приведенном ниже примере, содержание ячейки "Сбережения" должно быть выравненно по символу ".":
В приведенном ниже примере, содержание ячейки "Сбережения" выравнивается 2 символа вправо от знака ".":
Таблица HTML с клетками, которые охватывают две колонки:
Ниже приведен пример заголовка таблицы, связанный с каждой ячейкой:
Две ячейки таблицы с установленной высотой:
Пример CSS: Устанавливает высоту ячейки таблицы
Таблица с атрибутом nowrap:
Пример CSS: без переносов в td
Таблица HTML с ячейкой, которая охватывает две строчки:
Использование rowspan="0"
В следующем примере два элемента th определяются, как заголовки столбцов, а два элемента td, как заголовки строк:
Таблица HTML с различно выравненными вертикально ячейками:
Таблица с ячейками установленной ширины:
Пример CSS: Установление ширины ячейки таблицы
В следующей таблице HTML содержимое внутри элемента tfoot выравнено по центру:
В следующей таблице HTML содержимое внутри элемента tfoot выравнивается по символу ".":
В приведенном ниже примере, содержимое внутри элемента tfoot выравнивается 2 символов вправо от знака ".":
В следующей таблице HTML содержание элемента tfoot выравненно вертикально вниз:
В следующей таблице HTML содержимое внутри элемента thead выравнивается влево:
В следующей таблице HTML содержимое внутри элемента thead выравнивается по символу "M":
В приведенном ниже примере, содержимое внутри элемента thead выравнивается 2 символов вправо от символа "M":
В следующей таблице HTML содержимое внутри элемента thead выравненно вертикально посередине:
Использование атрибута abbr в таблице HTML:
Таблица HTML с выравненной влево ячейкой заголовка:
Таблица HTML с классифицируемыми клетками заголовков:
Ячейки заголовка таблицы с цветом фона:
Пример CSS: заголовок таблицы с цветом фона
В приведенном ниже примере, содержимое первой ячейки заголовка должно быть выравненно по символу "M":
В приведенном ниже примере, содержимое первой ячейки заголовка выравнивается 2 символов вправо от символа "M":
Таблица HTML с ячейкой заголовка, которая охватывает две колонки:
Ячейка заголовка таблицы с предварительно установленной высотой:
Пример CSS: Устанавливает высоту ячейки заголовка таблицы
Ячейка заголовка таблицы с атрибутом nowrap:
Пример CSS: без переносов в th
Таблица HTML с ячейкой заголовка, которая охватывает три строчки:
Таблица HTML с различно выравненными вертикально ячейками заголовка:
Таблица с ячейками заголовка установленной ширины:
Пример CSS: Установление ширины ячейки заголовка таблицы
HTML таблица с выравненной по центру строкой:
HTML таблица с цветом фона в первой строке таблицы:
Пример CSS: строка таблицы с цветом фона
В приведенном ниже примере, содержание второй и третьей строки должно быть выравненно по символу ".":
В приведенном ниже примере, содержание второй и третьей строки выравнивается 2 символов вправа от знака "." :
Таблица HTML с различно выравненными вертикально строками
Простой текстовый блок:
Недоступное текстовое поле:
Текстовое поле с атрибутом name:
Текстовое поле только для чтения:
Текстовое поле с 3 строчками и шириной 25 символов:
Простой документ HTML, с минимальным количеством необходимых тегов:
Подчеркнутый текст с тегом <u>:
Использование атрибута datetime в элементе del:
Использование атрибута cite в элементе del:
HTML Атрибут <del>
datetime
Текст с удаленной частью и новой внесенной частью:
Описание элементов в списке определений:
Группа столбцов, которая указывает, что два столбца дожны иметь предопределенную ширину в 100 точек:
Таблица HTML с различными вертикально выравненными колонками:
HTML Атрибут <colgroup> span
Два элемента colgroup, которые определяют различное выравнивание и стиль для трех столбцов в таблице ( обратите внимание, что первый элемент colgroup включает два столбца ):
HTML Атрибут <colgroup> align
HTML Атрибут <colgroup> char
HTML Атрибут <colgroup> charoff
HTML Атрибут <colgroup> valign
HTML Атрибут <colgroup> width
Два элемента colgroup, которые определяют различное выравнивание для трех столбцов в таблице (обратите внимание, что первый элемент colgroup включает два столбца):
В примере ниже, содержание второго столбца выравненно два символа вправо от символа ".":
В следующем примере, два элемента colgroup определяют различное выравнивание для трех колонок таблицы ( обратите внимание, что первый элемент colgroup включает два столбца):
В приведенном ниже примере, содержимое второго столбца должно быть выравненно по символу ".":
HTML
В приведенном ниже примере, содержимое второго столбца должно быть выравненно по символу ".":
HTML Атрибут <col> align
HTML Атрибут <col> char
HTML Атрибут <col> charoff
HTML Атрибут <col> span
HTML Атрибут <col> valign
HTML Атрибут <col> width
В примере ниже, содержание второго столбца выравненно два символа вправо от символа ".":
В этом примере, все три колонки отцентрованны, так как элемент col включает три колонки:
Таблица HTML с различными вертикально выравненными колонками:
Два элемента col с установленной шириной:
Форматирорвание текста в документе:
Отцентрованный текст в документе HTML:
Элементы col определяют различное выравнивание для трех колонок таблицы:
Таблица с расположенным элементом заголовка:
Пример CSS: выравнивание заголовка в таблице
HTML Атрибут <caption> align
Таблица с элементом заголовка:
Две кнопки, одна кнопка "отправить", и одна кнопка сброса (в форме):
Выключенная кнопка обозначается следующим образом:
Две кнопки с одинаковыми именами, которые представляют различные значения при нажатии:
HTML Атрибут <button> value
HTML Атрибут <button> type
HTML Атрибут <button> name
HTML Атрибут <button> disabled
Кнопка обозначается следующим образом:
Простая страница HTML с минимум тегов
Назначает цвет активного линка
Установливает активную ссылку в "зеленый" цвет в документе HTML:
HTML Атрибут <body> vlink
HTML Атрибут <body> text
HTML Атрибут <body> link
HTML Атрибут <body> bgcolor
HTML Атрибут <body> background
HTML Атрибут <body> alink
Цитата с атрибутом cite, который определяет источник цитаты
HTML Атрибут <blockquote> cite
Устанавливает фоновое изображение для документа HTML
Устанавливает цвет фона документа
Определяет цвет фона для документа HTML
Устанавливает цвет непосещенной ссылки в документе
Установите цвет по умолчанию ссылки в "синий" в документе HTML
Назначает цвет текста в документе HTML
Определяет цвет текста в документе HTML:
Задает цвет посещенных ссылок в документе.
Назначает посещенным ссылкам красный цвет в документе HTML:
HTML Атрибут <basefont> face
Изображение-карта, с интерактивными областями и атрибутом target:
HTML <area> target Атрибут
HTML <area> shape Атрибут
HTML <area> coords Атрибут
HTML <area> href Атрибут
Указывает цели по умолчанию для всех ссылок на странице
Указывает по умолчанию размер шрифта и цвет шрифта для текста на странице
HTML <base> href Атрибут
HTML <base> target Атрибут
Определяет цвет текста по умолчанию в документе
Определяет цвет текста по умолчанию в документе
HTML Атрибут <bdo> dir
HTML Атрибут <basefont> color
HTML Атрибут <basefont> size
Указывает URL по умолчанию, и цели по умолчанию для всех ссылок на странице:
Определяет направление текста
Указывает базовый URL для всех относительных URL-адресов на странице
Определяет шрифт текста по умолчанию в документе
Определяет шрифт текста по умолчанию в документе
Определяет размер текста по умолчанию в документе
Определяет размер текста по умолчанию в документе
Форматированный текст в документе:
Изображение-карта, с интерактивными областями и атрибутом nohref:
HTML <area> alt Атрибут
Аббревиатура отмечается следующим образом
Контактная информация для Xhtml.co.il:
Атрибут HTML <a> target
Атрибут HTML <a> shape
Атрибут HTML <a> rev
Аббревиатура отмечается следующим образом:
Ссылка с атрибутом rel:
Атрибут HTML <a> rel
Атрибут HTML <a> rev
Атрибут hreflang определяет язык документа в линке:
Атрибут HTML <a> hreflang
Атрибут HTML <a> HREF
Используйте атрибуты shape и coords в элементе, чтобы создать карту изображения:
Атрибут HTML <a> name
Атрибут HTML <a> coords
Атрибут HTML <a> charset
Использование DOCTYPE
Использование атрибута charset в ссылке:
Использование атрибута title в документе HTML:
Использование атрибута стиля в документе HTML:
Использование ID атрибута в CSS
Добавляет уникальный идентификатор (id) к элементу HTML
Используйте атрибут id для изменения текста с помощью JavaScript:
Добавление нескольких классов для одного элемента
Использование аттрибута class в документе HTML
Пример с набором символов ISO-8859-1 / ISO-8859-8
class
id
style
title
Вставлять изображения из разных мест HTML
Этот пример демонстрирует, как вставить скрипт в документ HTML.
Этот пример демонстрирует, как обращаться с браузерами, которые не поддерживают скрипты.
Этот пример демонстрирует, как можно установить цвет текста.
Этот пример показывает, как установить размер шрифта текста
Этот пример демонстрирует, как перенаправить пользователя, если ваш сайт изменил адрес.
Этот пример показывает, как установить шрифт, размер шрифта и цвет шрифта текста.
Этот пример демонстрирует, как отформатировать HTML документ с добавлением стиля в раздел 'head'
Этот пример демонстрирует, как сделать ссылку, которая не подчеркнута, с использованием атрибута стил
Этот пример демонстрирует, как использовать тег 'link' для ссылки на внешнюю таблицу стилей.
Этот пример позволяет экспериментировать со специальными символами:
Информация внутри головной части документа не отображается в окне браузера.
Этот пример демонстрирует, как использовать базовый тег, чтобы все ссылки на странице, открывались в новом окне.
Информации внутри мета элемента описывает ключевые слова документа.
С HTML кодом, подобному этому, вы можете указать размер и тип вывода браузера:
Простой пример верстки HTML
Этот пример показывает, как установить шрифт текста.
Изображение карта HTML
Расстояние между ячейками HTML
Расстояние между ячейками HTML
Добавить цвет фона или фоновое изображение для таблицы HTML
Добавить цвет фона или фоновое изображение для ячейки таблицы HTML
Выравнивание содержимого в ячейке таблицы HTML
Атрибут рамки HTML
Атрибуты рамок и границ HTML
Теги внутри таблицы HTML
Ячейки таблиц, которые охватывают более чем одну строку / столбец HTML
Изображение карта HTML
Больше цветов HTML
Таблицы HTML
Рамки таблицы HTML
Таблица без границ HTML
Заголовки в таблице HTML
Пустые ячейки HTML
Таблица с заголовком HTML
Ненумерованный список HTML
Нумерованный список HTML
Различные типы упорядоченных списков HTML
Создание кнопки HTML
Рамка вокруг данных HTML
Форма с полями ввода и кнопкой "Отправить" (submit button) HTML
Форма с флажками (form with checkboxes) HTML
Форма с радио переключателями (form with radio buttons) HTML
Отправить сообщения электронной почты из формы HTML
Значения цветов HTML
Превратить изображение в карту изображения HTML
Другой выпадающий список HTML
Простой выпадающий список (drop down box) HTML
Различные типы нумерованных списков HTML
Вложенный список HTML
Вложенный список 2 HTML
Список определений HTML
Текстовые поля HTML
Поля пароля HTML
Флажки (Checkboxes) HTML
Радио-кнопки (Radio buttons) HTML
Проблемы форматирования HTML
<!--..-->
Цвет фона HTML
Стили HTML
Удаленный и вставленный текст HTML
<!DOCTYPE>
Цитаты HTML
Направление текста HTML
Сокращения и акронимы HTML
Адрес HTML
<a>
Теги "Компьютерных данных"
Неформатированный текст HTML
Форматирование текста HTML
<abbr>
Форматирование текста HTML
Стандартное поведение элементов параграфа HTML
<acronym>
Разрыв строки обозначается следующим образом:
Пример параграфа без закрывающего тега
горизонтальные линии HTML
<address>
комментарии HTML
Параграфы HTML
Цвет фона HTML - устаревший вариант
Примеры шрифтов HTML
<applet>
Шрифты HTML - старая версия
Создание карты изображения HTML
Показ альтернативного текста для изображений HTML
<area>
Настройка изображения различных размеров HTML
Скользящие изображения HTML
<b>
Выравнивание изображения HTML
<base>
Фоновое изображение HTML
Вставлять изображения HTML
Картинки HTML
Создает ссылку почты mailto 2 HTML
<basefont>
Создает ссылку почты mailto HTML
Отцентрованный заголовок HTML
<bdo>
Отцентрованный заголовок - старая версия
Ссылки HTML
Открытие ссылки в новом окне браузера HTML
Изображение в качестве ссылки HTML
<big>
Ссылка внутри одной страницы HTML
Выйти из рамки HTML
HTML Ссылки
<blockquote>
Параграфы HTML
Макет HTML
<body>
Заголовки HTML
Рамки HTML
Примеры HTML
<br>
HTML Изображения
<button>
Шрифты HTML
Почему HTML 4.0
<caption>
Первый пример HTML
CSS HTML
Специальные символы HTML
<center>
HTML head
HTML meta
<cite>
HTML URLs
<code>
Скрипты HTML
<col>
Атрибуты HTML
События HTML
Кодировка HTML URL
<colgroup>
HTML по алфавиту
Интернет сервер HTML
<dd>
HTML по функциональности
Резюме HTML
Атрибуты HTML
<del>
<dfn>
<dir>
События HTML
<div>
Действительные HTML DTD
Главная страница браузеров
Статистика браузеров
<dl>
Статистика ОС
Набор символов HTML
<dt>
Статистика изображения
Браузер Explorer
HTML ASCII
<em>
Браузер Netscape
HTML ISO-8859-1
<fieldset>
Проект Mozilla
Браузер Firefox
Символы HTML
<font>
Браузер Opera
Браузер Chrome
Кодировка HTML URL
<form>
Браузер Safari
Код языков HTML
<frame>
Сообщения HTML
<frameset>
<head>
<h1>-<h6>
<hr>
<html>
HTML 4.01 / XHTML 1.0
<i>
Проверка HTML
Проверка интернет
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
Введение в HTML
<map>
Начинаем HTML
База HTML
Элементы HTML
Атрибуты HTML
Заголовки HTML
Параграфы HTML
Форматирование текста HTML
Стили HTML
Ссылки HTML
Картинки HTML
Таблицы HTML
Списки HTML
Шаблоны HTML
Цвета HTML
Имена цветов HTML
<noframes>
Значение цветов HTML
Быстрый список HTML
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>
<menu>
<meta>
Пожертвования
Пожертвовать на проект
Webmoney success
Неудачный перевод пожертвований
Загружает 4 последние изображения из Flickr JSONP API.
Обрабатывает каждый элемент массива показывая его номер (как числом так и словом).
Отфильтровывает массив чисел оставляя убирая пятерки и оставляя элементы с индексом выше 4. Затем удаляет все девятки.
Превращает коллекцию элементов HTML в массив
Парочка примеров использования .map()
Возвращает индекс элемента если он находится в массиве
Удаляет дубликаты из массива элементов div.
Определяет, является-ли переданный объект массивом
Определяет, является-ли переданный объект функцией Javascript.
Упорядочивает объект, содержащий пары ключ/значение.
Ищет заголовок первого элемента <em> на странице.
Назначает несколько атрибутов для всех <img>s на странице.
Делает недоступными кнопки, которые больше первой
Указывает атрибут ID в зависимости от положения блока div на странице
Указывает атрибут изображения src, значение которого берется из атрибута title.
Нажимая на кнопку, Вы активируете элемент ввода рядом с ней.
Ищет класс ’selected’ в совпавших элементах.
Shows all paragraphs.
Медленно отображает все скрытые параграфы, длительность анимационных эффектов — 600 миллисекунд.
Отображает все скрытые элементы div по порядку, используя режим скорости fast. Каждая анимация занимает 200 миллисекунд. По завершению очередной анимации начинается следующая.
Отображает все скрытые элементы span и input по порядку, используя режим скорости normal. По завершению анимации меняет текст параграфа.
По нажатию скрывает все параграфы по нажатию на ссылке.
Медленно скрывает все видимые параграфы, длительность анимационных эффектов — 600 миллисекунд.
Скрывает все блоки span (слова в данном случае), используя режим скорости fast. Каждая анимация занимает 200 миллисекунд. По завершению очередной анимации начинается следующая.
По нажатию скрывает элементы div в течение 2 секунд, затем, когда анимация завершена, удаляет блок div. Попробуйте нажимать на несколько блоков одновременно.
Скрывает/раскрывает все параграфы используя эффект «скольжения» вниз и вверх, длительность анимации — 600 миллисекунд.
Скрывает/раскрывает элементы div между разделителями.
Изменяет видимость первого параграфа до значения 0,33 (33%, одна третья от полной видимости), длительность анимационных эффектов — 600 миллисекунд.
Случайным образом изменяет прозрачность элемента div, длительность анимационных эффектов — 200 миллисекунд.
Найдите правильный ответ! Длительность анимационных эффектов — 250 миллисекунд.
Нажмите на кнопку для запуска анимации элемента div с набором различных свойств.
Первая кнопка показывает пример параллельной анимации. Происходит расширение элемента div до 90% от возможной ширины и при этом увеличивается текст. Как только оканчивается увеличение текста, начинается заливка кусочка границы. Вторая кнопка показыв
Пример «относительной» анимации. При нажатии на кнопки элементы div двигаются в соответствующие стороны.
Нажмите кнопку «Go» для запуска анимации, затем нажмите «STOP» для остановки. Кнопка «STOP» останавливает лишь текущий эффект, но не очищает всей очереди эффектов.
Глобально отключает все анимационные эффекты.
Преобразует HTML в текст при нажатии ЛКМ (левой кнопкой мышки)
Добавляет HTML код к каждому элементу div.
Добавляет HTML код к каждому элементу div, затем немедленно обрабатывает вставленный код.
Добавляет код HTML ко всем параграфам.
Добавляет элемент ко всем параграфам.
Добавляет объект jQuery (аналогично массиву элементов DOM) ко всем параграфам.
Добавляет все блоки span к элементу с ID «foo».
Добавляет код HTML ко всем параграфам.
Добавляет все блоки span к элементу с ID “foo”.
Вставляет код HTML после всех параграфов на странице.
Вставляет элемент DOM после всех параграфов на странице.
Вставляет объект jQuery (аналогично массиву элементов DOM) после всех параграфов.
Контент, который необходимо вставить перед элементом.
Вставляет элемент DOM перед всеми параграфами на странице.
Вставляет объект jQuery (аналогично массиву элементов DOM) перед всеми параграфами на странице.
Вставляет все параграфы после элемента с id «foo». То же самое, что и $('#foo').after('p')
Вставляет все параграфы перед элементом с id 'foo'. То же самое, что и $('#foo').before('p')
Заключает все параграфы в документе в блок div.
Заключает все блоки span в только что созданное дерево объектов. Обратите внимание, все, что находится за границами блока span, остается неизменным (например, красный текст в блоке <strong> в этом примере).
Заключает все параграфы на странице в новый элемент div.
Заключает все параграфы на странице в объект jQuery, который представляет собой двойной элемент div.
Заключает все параграфы на странице в новый элемент div.
Заключает все блоки span в только что созданное дерево объектов. Обратите внимание, все, что находится за границами блока span, остается неизменным (например, красный текст в блоке <strong> в этом примере).
Заключает все параграфы на странице в новый элемент div.
Заключает все параграфы на странице в объект jQuery, который представляет собой двойной элемент div.
Выделяет все параграфы из документа и заключает их содержимое в тег b.
Выделяет все параграфы из документа и заключает их содержимое в тег b
При нажатии ЛКМ, происходит замена кнопки на элемент div с тем же словом
Замена содержимого всех параграфов текстом, заключенным в тэг b.
Удаляет содержимое всех параграфов на странице.
Удаляет все параграфы из DOM.
Клонирует все элементы b (после чего выбирает клонов) и вставляет их перед параграфами.
Создает кнопку, способную клонировать сама себя (клоны также могут копировать себя).
Поиск элемента классов «myClass» и «myOtherClass».
Поиск элемента с id «myDiv».
Поиск всех элементов div.
Поиск элемента класса «myClass»
Поиск всех элементов (включая head, body и т.д.).
Поиск элементов, соответствующих любому из этих трех селекторов.
Поиск всех дочерних элементов элемента с ID «main» (элемент с желтым фоном).
Поиск всех элементов input, которые находятся рядом с label.
Поиск всех элементов div следующих за элементом с ID «#prev». Обратите внимание, что не выбран span, поскольку он не является элементом div, а также не выбран «div niece», который является дочерним элементом объекта «div sibling».
Поиск первой строки в таблице.
Поиск последней строки таблицы.
Поиск всех полей input, которые не отмечены галочкой, и подсветка рядом стоящих элементов. Обратите внимание, что при нажатии на поле не происходит никаких изменений, так как событие нажатия не обрабатывается.
Поиск первой, третьей и т.д. строк таблицы (индексы 0, 2, 4 и т.д.)
Поиск нечетных строк таблицы: второй, четвертой и т.д. (индексы 1, 3, 5 и т.д.)
Ищет третий td.
Поиск элементов TD начиная с 5-го и выше. Индексы нумеруются с нуля.
Поиск элементов TD с индексом #4 и ниже. Индексы нумеруются с нуля.
Изменение цвета анимированного в данный момент элемента div.
Поиск и подчеркивание всех элементов div, которые содержат в себе «John».
Поиск всех «пустых» элементов, которые не имеют текста или дочерних элементов
Добавление класса «test» ко всем элементам div, которые содержат параграф внутри себя.
Поиск всех элементов TD, содержащих дочерние элементы, включая текст.
Показывает все скрытые элементы div и подсчитывает количество скрытых элементов input.
При нажатии ЛКМ изменяется фон на желтый у видимых элементов div.
При нажатии ЛКМ добавляет ID элемента div к его тексту
Ищет все элементы input с именем ‘newsletter’ и добавляет текст, заключенный в тег span, рядом с ними.
Ищет все элементы input, которые не имеют имени ‘newsletter’, и добавляет текст not newsletter рядом с ними.
Ищет все элементы input, имя атрибута которых начинается с ‘news’, и затем вставляет текст в них.
Ищет все элементы input, имя атрибута которых заканчивается на ‘letter’, и вставляет текст в них.
Ищет все элементы input, имя атрибута которых содержит ‘man’, и вставляет текст в них.
Ищет все элементы input, имеющие атрибут ID и оканчивающиеся на ‘man’, после чего вставляет текст в них.
Поиск второго элемента li в каждом найденном блоке ul.
Выделяет содержимое первого блока span в каждом элементе div.
Выделяет содержимое последнего блока span в каждом элементе div.
Ищет и выделяет кнопки, которые не имеют родственных элементов в каждом блоке div.
Поиск всех элементов input.
Поиск всех элементов ввода типа text.
Поиск всех элементов ввода типа password.
Поиск всех элементов ввода типа radio.
Поиск всех элементов ввода типа checkbox.
Поиск всех элементов ввода типа submit.
Поиск всех элементов ввода типа image.
Поиск всех элементов ввода типа reset.
Поиск всех элементов ввода типа button.
Поиск всех элементов ввода типа file.
Поиск всех активных элементов.
Поиск всех неактивных элементов.
Поиск всех отмеченных элементов.
При нажатии ЛКМ на элементе списка появляется его значение в элементе div ниже.
Заливка синим цветом элемента div с индексом 2 путем добавления соответствующего класса.
Изменяет цвет фона всех элементов div и затем рисует границу вокруг некоторых из них.
Изменяет цвет фона всех элементов div и затем рисует границу вокруг двух из них.
Несколько способов использования is() внутри обработчика событий.
Возвращает true, так как родительский объект элемента ввода input является элементом формы.
Возвращает false, так как родительский объект элемента ввода input является элементом блока 'p'.
Построение списка всех значений элементов в пределах формы
Искусственный пример, показывающий некоторые функциональные возможности.
Добавляет рамки у элементов div, цвет фона которых не зеленый или не синий.
Случайным образом закрашивает элементы div.
Поиск всех элементов div и установка им рамки красного цвета. Затем все параграфы добавляются в уже существующий объект jQuery и им устанавливается фон желтого цвета.
Добавляет в уже существующий набор дополнительные элементы, которые удовлетворяют указанному выражению.
Добавляет в уже существующий набор дополнительные элементы, созданные на лету.
Добавляет в уже существующий набор один или более элемент(ов).
Демонстрирует, как добавить элементы в существующую коллекцию.
Поиск всех потомков элемента по которому кликнул пользователь.
Поиск всех потомков каждого элемента div.
Поиск всех потомков, обладающих классом «selected», каждого элемента div.
Показывает, как делегирование событий может быть сделано с помощью сlosest.
Поиск всех текстовых блоков в параграфе и применение к ним тэга b.
Добавление нового содержимого в пустой фрейм.
Поиск дочерних элементов span в наборе всех элементов p, то же самое, что $(»p span»).
Заключает каждое слово в блок span, затем добавляет эффект при наведении и выделяет содержащие букву t слова курсивом.
Поиск ближайшего родственного элемента каждой неактивной кнопки (следующий элемент за кнопкой) и изменение его текста на «this button is disabled».
Поиск ближайшего родственного элемента каждого параграфа (следующий элемент за параграфом), который имеет класс «selected».
Определение всех элементов div после первого и назначение им класса с именем after.
Определение всех параграфов после второго дочернего элемента в блоке body и назначение им класса с именем after.
Показывает «родителя» каждого элемента как (родитель > потомок).
Поиск «родителя» каждого параграфа имеющего класс «selected».
Поиск всех родительских элементов тега <b>.
Кликните по тексту для того, чтобы найти всех уникальных родительских элементов div каждого блока span.
Поиск ближайшего предыдущего родственного элемента для каждого элемента div.
Поиск ближайшего предыдущего родственного элемента каждого параграфа (предыдущий элемент перед параграфом), который имеет класс “selected”.
Определение всех элементов div перед последним и назначение им класса с именем before.
Поиск уникальных родственных элементов для всех элементов li желтого цвета в трех списках ( включая другие элементы li, если они подходят).
Поиск всех родственных элементов для каждого элемента div, обладающих классом «selected».
Поиск всех элементов div и всех параграфов (элемент р) внутри них, и присвоение им двух имен классов. Обратите внимание, элемент div не имеет желтого фона потому, как он не использовал andSelf().
Выделяет все параграфы, отыскивает в них блоки span и затем обратно возвращает выделение к параграфам.
Выделяет все параграфы, отыскивает в них блоки span и затем обратно возвращает выделение к параграфам.
Получает доступ к цвету фона элемента div на котором пользователь кликнул мышкой.
Устанавливает цвет текста всех параграфов и цвет фона:
Если имя свойства включает в себя «-», то заключайте его в двойные кавычки.
При прохождении курсора над текстом изменяет его цвет на красный.
Выделяет слово в параграфе на котором пользователь кликнул мышкой.
Получает доступ к отступам второго параграфа:
Нажмите, чтобы увидеть отступы.
Получает доступ к значениям позиции второго параграфа:
Получает значение scrollTop
Устанавливает значение scrollTop
Получает значение scrollLeft параграфа
Устанавливает значение scrollLeft.
Показывает несколько значений высоты. Обратите внимание, что значения могут быть немного меньшими, чем Вы ожидали, поскольку значения берутся из фреймов. Желтый цвет показывает тело фрейма.
To set the height of each div on click to 30px plus a color change.
Показывает несколько значений ширины. Обратите внимание, что значения могут быть немного меньшими, чем Вы ожидали, поскольку значения берутся из фреймов. Желтый цвет показывает тело фрейма.
При нажатии ЛКМ, изменяет ширину элемента div до 30px, а также изменяется цвет фона.
Получает значение innerHeight
Get the innerWidth of a paragraph.
Получает значение outerHeight.
Получает значение outerWidth параграфа
Закрашивает div с индексом 2 в синий прибавляя соответствующий класс.
Считает элементыe div. Нажмите, чтобы получить еще.
Считает элементыe div. Нажмите, чтобы получить еще.
Определение используемого селектора.
Различный сбор элементов
Определение используемого контекста
Выбирает все элементы div в документе и возвращает их как массив, затем, используя встроенный метод реверса, меняет направление следования элементов в массиве.
Выводит имя тега, на котором пользователь кликнул мышкой:
По нажатию ЛКМ возвращает индекс соответствующего элемента div на странице.
Возвращает индекс элемента с ID «bar».
Возвращает индекс первого элемента в наборе элементов jQuery.
Возвращает индекс элемента с id «bar» относительно всех элементов 'li'.
Возвращает индекс элемента «bar» относительно его родственных элементов.
Возвращает -1, так как нет элемента с id «foobar».
Сохраняет, а затем получает значение из элемента div.
Получение данных, хранящихся в элементе под именем «blah».
Прикрепляет данные к двум элементам, а затем удаляет в одном из них.
Показывает длину очереди в данный момент
Ставит в очередь пользовательскую функцию.
Задаётся массив, содержащий последовательность действий, для удаления текущей очереди.
Можно использовать dequeue для завершения пользовательской функции, что позволит очереди продолжаться.
Finds all p elements that are children of a div element.
Перебирает три объекта div и устанавливает их свойства цвета.
Если вы хотите иметь объект jQuery вместо обычных элементов DOM, используйте функцию $(this), например:
Вы можете использовать "return", чтобы выйти из цикла each() раньше.
Упорядывачивает ключ/значение объекта.
Упорядочивает элементы формы в строку запроса, которая может быть отослана на сервер в запросе AJAX.
Получает значения из формы, обрабатывает, добавляя их при этом в элемент result.
Get the values from a form, iterate through them, and append them to a results display.
Происходит динамическая загрузка и настройка нового дополнения цветной анимации jQuery.
Загружает меню навигации и встраивает его в пользовательский упорядоченный список.
Показывает сообщение, если запрос Ajax встречает ошибку.
Удаляет очередь.
Вызывает скольжение следующего брата LI вверх и вниз на hover, и переключает класс.
Анимации скрытия и отображения двух DIV-ов, с задержкой первого перед показом.
Находит все линки с атрибутом hreflang являющийся английским
Находит все поля ввода с атрибутом name, которые включают слово 'man' и устанавливает значение с каким-либо текстом
Отменяет действие по умолчанию (навигация) на линк.
Отображает имя тега по нажатию
Реализует простую делегацию события: обработчик нажатия добавляет неупорядоченный список, и дети детей тега li являются скрытыми. Нажатие на одном из детей li переключает ( см. toggle() ) режим показа его детей.
Показывает позицию мышки относительно левого и верхнего краев документа (в iframe).
Показывает, какие ключи были нажаты.
Отображает время, прошедшее с последнего нажатия.
Проверяет если event.stopImmediatePropagation() был когда-либо вызван.
Проверяет если event.stopPropagation() был вызван.
Показывает предыдущее возвращенное значение обработчика
Предотвращает других обработчиков событий от вызова.
Удаляет все параграфы из DOM
Удаляет все параграфы, содержащие "Hello" из DOM
Выделяет первый элемент span в параграфе.
Уравнивает высоту DIV-ов.
Проверяет, если элемент находится в другом.
Выделяет последний элемент span в параграфе.
Следит за фокусом на странице.
Демонстрирует потерю фокуса, происходящего внутри параграфов, обратите внимание на разницу между счетчиком focusout и счетчиком blur.
Показывает объект события для обработчика keypress, когда клавиша нажата в поле ввода.
Показывает объект события для обработчика keyup, когда клавиша отпущенна в поле ввода.
Находит братьев, которые следуют за <dt id="term-2"> до следующего <dt> и дает им красный фон.
Находит всех предков <li class="item-a"> до <ul class="level-1"> и дает им красный фон.
Находит братьев, которые предшествуют <dt id="term-2"> до предыдущего <dt> и дает им красный фон
Показывается, как событие делегации может быть сделано с closest.
Изменяет цвет фона для ссылок внутри iframe.
Ищет offsetParent пункта "A":
Выбирает все DIV-ы в этом документе и возвращает элементы DOM в виде массива, а затем использует встроенный способ для переворота этого массива.
Заворачивает / разворачивает Div вокруг каждого из параграфов.
Нажмите на параграф, чтобы добавить другой. Обратите внимание .delegate() привязывает событие нажатия на все параграфы - и даже на новые.
Также можно связать пользовательские события.
Привязывает и отвязывает события к цветной кнопке.
Добавляет фон и текст для всех заголовков на странице.
Отображает текст по событиям mouseover и mouseout
Возвращает версию браузера
jQuery 1.3
Показывает информацию о браузере
Проверяет свойство box model для фрейма
Строка
jQuery 1.3.2
Версия 1.0
События Ajax
Проверяет свойство box model для фрейма
Отображает текст по событиям mouseover и mouseout. Mouseout активируется, когда указатель мыши входит или выходит в/из дочерний(го) элемент(а), в то время как mouseleave этого не делает.
Отображает координаты, когда указатель мыши двигается над элементом div с желтым фоном
show()
css()
jQuery
attr( )
html( )
Число
id
eq( )
Версия 1.0.4
ajaxComplete()
event.preventDefault()
jQuery.pushStack()
Отображает текст по событиям mouseover и mouseleave. Mouseout активируется, когда указатель мыши входит или выходит в/из дочерний(го) элемент(а), в то время как mouseleave этого не делает.
מציג טקסט לפי אירוע mouseup ו- mousedown.
Отображает текст по событиям mouseover и mouseleave
hide()
filter( )
removeAttr( name )
text()
Логическое значение
element
Версия 1.1
ajaxError()
event.stopPropagation()
jQuery.error
jQuery.support
Для того, чтобы запретить отправку форм, если не установлена какая-либо переменная
toggle()
each()
is()
Объект
class
offset( )
Версия 1.1.2
ajaxSend()
event.target
Для выполнения каких-либо действий, когда пользователь выделяет текст в поле ввода
jQuery.browser
addClass()
append()
CSS
Опции
map ( )
offsetParent( )
Версия 1.1.3
size( )
ajaxStart()
event.type
Отображает текст по событиям mouseenter и mouseout
jQuery.browser.version
slideDown()
appendTo()
hasClass( class )
Массив
*
length
not ( )
position( )
Версия 1.1.4
ajaxStop()
event.pageX
jQuery.boxModel
removeClass()
slideUp()
prepend()
Карта
selector1,selector2,selectorN
slice ( )
scrollTop( )
Версия 1.2
selector
ajaxSuccess()
event.pageY
first()
Двойное нажатие изменяет цвет фона
has()
last()
toggleClass()
slideToggle()
prependTo()
Функция
scrollLeft( )
Версия 1.2.3
context
event.data
jQuery.contains()
add()
Вызов
ancestor descendant
Версия 1.2.6
eq( index )
jQuery.param()
jQuery.data()
event.which
jQuery.each( object, callback )
jQuery.dequeue()
jQuery.globalEval()
fadeIn()
html()
after()
children()
height()
get()
serialize()
Селектор
parent > child
Версия 1.3
event.relatedTarget
Пример связывания пользовательских событий.
jQuery.extend( )
fadeOut()
index()
before()
Событие
prev + next
closest ( )
width( )
Версия 1.4
serializeArray()
event.timeStamp
jQuery.grep(array,callback,invert)
text()
fadeTo()
insertAfter()
Элемент
prev ~ siblings
contents ( )
innerHeight( )
data( )
Версия 1.4.1
event.currentTarget
jQuery.makeArray( obj )
find()
insertBefore()
jQuery.ajax( )
innerWidth( )
removeData( )
jQuery
Версия 1.4.2
event.isDefaultPrevented()
Нажмите на параграфе, чтобы добавить еще один. Обратите внимание, событие по нажатию привязывается и ко всем новым параграфам.
Если Вы вызвали .triggerHandler() на событии focus, то действие браузера по умолчанию по этому событию не будет вызвано, только обработчик события привязанный к событию focus.
Отображение текста параграфа в сообщении alert после одного клика на каждом из них
clearQueue()
Связывание одиночного клика с каждым элементом div.
val()
:first
next()
animate()
outerHeight( )
queue( )
jQuery.ajaxSetup()
MIME
event.isImmediatePropagationStopped()
Привязывает и удаляет событие на желтую кнопку.
jQuery.map( array, callback )
stop()
:last
wrap()
nextAll ( )
outerWidth( )
dequeue( )
XMLHttpRequest
event.isPropagationStopped()
delay()
toArray()
jQuery.inArray( value, array )
Нажимите для переключения выделения на элементах списка.
wrapAll()
:not(selector)
offsetParent ( )
jQuery.get()
event.result
Скрываем все параграфы, используя эффект fadeout (затухания), длительность анимации – 600 миллисекунд.
По нажатию скрывает блоки span используя эффект fadeout (затухания).
jQuery.merge( first, second )
jQuery.proxy()
По нажатию отображается красный прямоугольник поверх текста. Как только анимация завершена, быстро отображается надпись поверх прямоугольника.
jQuery.queue()
Отображает блоки div один за другим используя эффект fadein (появления), длительность анимации — 600 миллисекунд.
:even
parent()
jQuery.fx.off
wrapInner()
jQuery.getJSON()
jQuery.removeData()
event.stopImmediatePropagation()
Активирует событие blur.
unwrap()
Отображает сообщение, когда объектная модель документа готова к использованию.
jQuery.unique( array )
:odd
parents ( )
jQuery.getScript()
load()
:eq(index)
prev()
replaceWith()
jQuery.noConflict( )
ready()
jQuery.post()
:gt(index)
replaceAll()
prevAll ( )
jQuery.isArray( obj )
:lt(index)
siblings ( )
nextUntil()
jQuery.isFunction( obj )
parentsUntil()
jQuery.isEmptyObject()
prevUntil()
jQuery.isPlainObject()
empty( )
:header
jQuery.isXMLDoc()
Скрывает все элементы input, используя данный эффект “скольжения” вверх. Время анимации составляет 200 мс. Когда анимация выполнена, отображается соответствующее сообщение
remove()
bind()
:animated
andSelf ( )
detach()
one()
end ( )
Чтобы запретить пользователям писать что-либо в поля ввода, попробуйте сделать так:
trigger()
jQuery.trim( str )
clone()
:contains(text)
jQuery.parseJSON( json )
מסתיר כל אלמנטים div באמצעות אפקט החלקה מעלה. משך האפקט - 400 מילישניות
triggerHandler()
Раскрывает все элементы input используя данный эффект «скольжения» вниз. Время анимации составляет 1000 мс. Когда анимация выполнена, вызывается функция, которая изменяет внешний вид элементов input, особенно среднего элемента, которому передается фо
unbind()
delegate()
:empty
undelegate()
Раскрывает все элементы div используя эффект «скольжения» вниз, длительность анимационных эффектов — 600 миллисекунд.
:has(selector)
:parent
jQuery.noop()
live()
jQuery
die()
:hidden
:visible
hover()
Переключает режим отображения параграфов
[атрибут]
[attribute|=value]
Скрывает/отображает все параграфы, длительность анимационных эффектов — 600 миллисекунд.
toggle()
[attribute~=value]
Отображает все параграфы, затем скрывает их, и так в цикле.
При нажатии ЛКМ устанавливает/удаляет класс ‘highlight’.
[атрибут=значение]
Получает одно значение из выпадающего списка и массив значений из второго списка с возможностью выбора нескольких вариантов, а затем отображает их.
Удаляет класс ‘blue’ изо всех совпавших элементов
Переключает класс »highlight» по каждому третьему нажатию ЛКМ.
[атрибут!=значение]
Удаляет классы ‘blue’ и ‘under’ изо всех совпавших элементов.
Добавление текста к параграфу (обратите внимание, тег b экранирован).
[атрибут^=значение]
Поиск текста в первом параграфе (путем анализа HTML кода), затем вставка найденного текста в последний параграф, но без форматирования (пропал красный цвет и жирный текст).
Удаляет все классы изо всех совпавших элементов
blur()
[атрибут$=значение]
Добавляет классы ’selected’ и ‘highlight’ к совпавшим элементам.
Поиск значения поля ввода текста
Добавляет HTML код к каждому элементу div, затем немедленно обрабатывает вставленный код.
change()
[атрибут*=значение]
Добавляет HTML код к каждому элементу div
Преобразует HTML в текст при нажатии ЛКМ
Для того, чтобы выполнить действие при отпускании клавиши escape, можно сделать так:
По событию change запускается функция, которая получает текст каждой выбранной опции в списке и помещает этот текст в элемент div. После чего это событие вызывается посредством вызова .change().
[attributeFilter1][attributeFilterN]
Добавляет класс ’selected’ к совпавшим элементам.
click()
Установка значений элементов select.
מגדיר ערך של שדה קלט.
Показывает сообщение когда DOM готов к использованию:
dblclick()
:nth-child(index/even/odd/equation)
Удаляет пустые места с начала и конца строки.
error()
:first-child
Нажатие на кнопку #2 также вызывает нажатие и на кнопку #1.
Также можно связывать и пользовательские события
Обрабатывает события click и dblclick для параграфа. Обратите внимание: координаты относительны окна, то есть в этом примере относительны демонстрационного iframe.
focus()
:last-child
focusin()
focusout()
יכול לצרף או למחוק אירועים לכפתור צבוע
:only-child
keydown()
Для удаления привязанных выше событий попробуйте сделать так:
keypress()
:input
Для того, чтобы добавить специальный стиль для ячейки таблицы над которой находится курсор мыши, можно поступить следующим образом:
keyup()
Для того, чтобы добавить специальный стиль для элемента списка над котором находится курсор мыши, можно поступить следующим образом:
:text
Скрывает параграфы на странице по мере нажатия по ним:
load()
События
:password
mousedown()
:radio
Ajax
mouseenter()
Ядро
:checkbox
jQuery предоставляет функцию, которая удаляет лишние пробелы из строки: короткий путь
В следующем примере функция по имени 'myfunc' выполняется сразу после загрузки страницы
В следующем примере для каждой чет