ДОРОГИЕ МОИ! ...не скрываю,что мне очень нравится "упражняться" с ТЕГами,проще всего это делать,создавая так называемые "рамочки",столь любимые многими из нас,но так ненавидимые отдельными представителями интернет-сообщества,позиционирующими себя "интеллектуалами",искренне считающими,что в "паутине" нужно только писать словами...а ведь писать ТЕГами значительно сложнее .
...случилось так,что при составлении очередной рамочки меня заинтересовал ТЕГ,значение,которого я не знала,ну,полезла уточнять в свой любимый СПРАВОЧНИК puzzleweb.ru и,как результат - сделала этот постик себе на память,может и кому-то ещё пригодится ...ИТАК:
ТЕГ – это основополагающий элемент HTML.
ВАЖНО,если Вы что-то "открыли",то обязательно должны "закрыть",т.е. обязательно должен быть не только открывающий тег,но и закрывающий вот так <em> ...ТЕКСТ с наклонным начертанием ...</em>
РЕЗУЛЬТАТ - ...ТЕКСТ с наклонным начертанием ...
Когда Вы используете HTML, то пишете с помощью HTML-тегов, они состоят из:
-
знака «меньше» - <;
-
буквы или слова;
-
далее может идти любое количество HTML-атрибутов в виде пары «имя=значение»;
-
и в конце идет знак «больше» - >.
СПИСОК ТЕГОВ,определенный в спецификации HTML 5,и их значение:
Вставляемый контент
audio - звуковое содержимое
canvas - область для рисования графики посредством сценариев
embed - область для внешнего приложения или интерактивного содержимого
area - активная область внутри карты-изображения
iframe - встроенный фрейм
img - изображение/картинка
map - карта-изображение
object - внешний подключаемый ресурс
param - значения параметров для объекта (используется внутри элемента <object> )
source - звуковой/видео файл для тегов <audio> и <video>
track - текстовые дорожки для медиа элементов (<audio> и <video> )
video - видео файл
Интерактивные элементы
details - скрыть/показать дополнительную информацию
menu - определяет список/меню команд
summary - заголовок для элемента <details>
Комментарии
<!-- --> - комментарий
Корневой элемент
html - корневой элемент
Метаданные документа
Метаданные - структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.
doctype - тип документа
base - указывает базовый URL для всех ссылок имеющих относительный URL-адрес на странице
head - контейнер для метаданных документа
link - связь текущего документа с внешним файлом
meta - метаданные
style - стилевая информация
title - название документа
Разделы документа
address - контактная информация автора документа/статьи
article - статья
aside - определяет контент в стороне от содержимого страницы
blockquote - длинная цитата
body - тело документа
div - контейнер для элементов
figcaption - подпись к содержимому элемента <figure>
figure - контейнер для группировки контента (обычно используется с элементом <figcaption> )
footer - нижний колонтитул (нижняя часть документа или раздела)
header - верхний колонтитул (верхняя часть документа или раздела)
hr - горизонтальная линия
main - контейнер с основным контентом
nav - раздел навигационных ссылок
section - раздел документа
Списки
dd - описание термина в списке определений
dl - список определений
dt - термин в списке определений
li - пункт списка
ol - нумерованный (упорядоченный) список
ul - маркированный (неупорядоченный) список
Ссылки
a - определяет гиперссылку
Сценарии
noscript - альтернативный контент для браузеров без поддержки сценариев
script - клиентский сценарий
Таблицы
caption - заголовок для таблицы
col - указывает стилевую информацию для одной или более колонок таблицы
colgroup - указывает общую стилевую информацию для группы колонок в таблице
table - таблица
tbody - основное содержимое (средняя часть) таблицы
td - ячейка таблицы
tfoot - нижняя часть таблицы
th - заголовочная ячейка таблицы
thead - верхняя часть таблицы
tr - строка таблицы
Текст
abbr - аббревиатура
b - выделяет текст жирным шрифтом
bdi - изолирует фрагмент текста для изменения его направления вывода
bdo - переопределяет текущее направление текста
br -разрыв строки
cite - название работы (название книги, музыки, фильма, и т.д.)
code - определяет кусок программного кода (моноширинный текст)
del - определяет текст, который был удален из документа (перечеркнутый текст)
dfn - определения термина (текст с наклонным начертанием)
em - выделенный текст (текст с наклонным начертанием)
h1-h6 - заголовки
i - преобразует текст в курсивный (текст с наклонным начертанием)
ins - определяет текст, который был добавлен в документ (отображает текст подчеркнутым)
kbd - определяет текст вводимый с клавиатуры (моноширинный текст)
mark - определяет важную часть текста
p - абзац
pre - предварительно отформатированный текст
q - определяет короткую цитату
rp - определяет, что показывать браузеру, который не поддерживает тег <ruby>
rt - определяет объяснение/произношение символов, используется внутри тега <ruby>
ruby - определяет небольшую аннотацию (для типографии Восточной Азии)
s - определяет текст, который больше не является правильным
samp - моноширинный текст
small - текст маленького размера
span - контейнер для строчного содержимого
strong - определяет важный текст (преобразует шрифт в полужирный)
sub - определяет текст в нижнем индексе (подстрочный текст)
sup - определяет текст в верхнем индексе (надстрочный текст)
time - определяет время/дату
u - подчеркнутый текст
var - определяет переменную (текст с наклонным начертанием)
wbr - определяет возможный перенос строки в тексте
Формы
button - определяет интерактивную кнопку
datalist - список вариантов, которые можно выбирать при наборе в текстовом поле ввода
fieldset - контейнер для объединения элементов формы
form - форма для отправки введенных пользователем данных
input - определяет способ пользовательского вода
keygen - используется для генерации пары ключей
label - метка для элемента формы
legend - заголовок для элемента <fieldset>
meter - определяет скалярное измерение в пределах известного диапазона
optgroup - определяет группу связанных логически элементов списка в выпадающем списке
option - вариант выбора в выпадающем списке
output - определяет область, в которую выводится результат расчета
progress - отображает текущий прогресс выполнения задачи
select - выпадающий список
textarea - многострочное текстовое поле
...если даже HTML Вас не интересуют никак,то всё-же эта информация Вам уж точно пригодится
HTML: изменение размера картинки
ЖЕЛАЮ ВАМ ВСЕГО ТОГО,ЧТО ВЫ ЖЕЛАЕТЕ СЕБЕ САМИ