Содержание

HTML справочник

  Теги и атрибуты:

Существует два типа тегов HTML — контейнерные и одиночные, которые всегда заключаются в угловые скобки <…>.

Контейнерные теги состоят из пары — открывающий и закрывающий тег <…>…</…>. Перед именем закрывающего тега необходимо ставить косую черту (слэш) «/». В закрывающем теге не нужно писать атрибуты присутствующие в открывающем теге!

Одиночные теги менее распространены и состоят лишь из открывающего тега. Пример: <br>.

Тег может иметь атрибуты и значения атрибутов. Пример: <тег имя_атрибута_1=»значение» имя_атрибута_2=»значение»>…</тег>. Атрибуты добавляют в тег для расширения или модификации его действий.

Теги и атрибуты

Тег: <html> [контейнерный]

Указывает программе просмотра страниц что это HTML документ. В нём содержатся обязательные теги <head>, <body>.

Тег: <head> [контейнерный]

Определяет место, где помещается различная информация не отображаемая в теле документа. В нём распологаются теги: <title>, <meta>, <link>, <style>, <base>.

Тег: <body> [контейнерный]

Определяет видимую часть документа. Атрибуты:

<body bgcolor=»…»> Цвет фона. Работает так же и в тегах <td> и <tr>.
<body text=»…»> Устанавливает цвет текста.
<body link=»…»> Устанавливает цвет гиперссылок.
<body alink=»…»> Устанавливает цвет гиперссылок при нажатии.
<body vlink=». ..»> Устанавливает цвет гиперссылок, на которых вы уже побывали.
<body background=»…»> Фоновое изображение.

<body top-margin=»…»> Задаёт расстояние от границы браузера до основной таблицы. Примеры:

top-margin — отступ сверху. От 0 до …
right-margin — отступ справа. От 0 до ..
bottom-margin — отступ снизу. От 0 до …
left-margin» — отступ слева. От 0 до …

Тег: <title> [контейнерный]

Помещает название документа в оглавление программы просмотра страниц.

Тег: <base> [одиночный]

<base href=»…»> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью).
<base target=»…»> Указание браузеру от какого базового окна открываются все ссылки (кроме ссылок с отдельным указанием данного параметра). Значения атрибута target=

«_blank» — откроет документ в новом окне.

«_parent» — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
«_top» — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет,               откроет в текущем окне.
«_self» — откроет в текущем окне (по умолчанию для ссылок).

Тег: <meta> [одиночный]

Метаинформация. Служит в основном для поисковых роботов. Атрибуты и значения:

<meta name=»description» content=».

..»> Описание документа.
<meta name=»keywords» content=»…»> Ключевые слова.
<meta name=»robots» content=»…»> Управление процессом индексации. Возможные варианты:

«index» — возможность индексирования данного документа. Наоборот — «noindex»
«follow» — возможность индексировать все документы, на которые есть ссылки в данном HTML-файле.                 Наоборот — «nofollow»

«all» — одновременное условие 2-ух вышеперечисленных.
«none» — одновременное условие 2-ух первоперечисленных. Наоборот.

<meta http-equiv=»content-type» content=»text/html; charset=windows-1251″> Кодировка документа.
<meta http-equiv=»refresh» content=»30″>

Указывает, что документ следует перезагружать через 30 с.

Тег: <style> [одиночный]

Указывает на таблицу стилей (CSS). Записывается в теге <head>. Есть 3 способа применения:

1] <link rel=»stylesheet» type=»text/css» href=»…»> — Таблица связанных стилей. В href=»…»                                                                                 указывается путь к таблице.
2] <style>
    h2 { color:red; font-family:arial }

</style>                                       — Таблица глобальных стилей. Пишется в теге <head>.
3] <i>пример</i> — Таблица внутренних стилей. Прописывается в теге.

Тег: <table> [контейнерный]

Создаёт таблицу. Обязательные теги: <td>, <tr>. Пример:

<table>
   <tr>
      <td> Пример
      </td>
   </tr>
</table>

Возможные атрибуты тега:

<table border=»…»> Задаёт толщину рамки. От 0 до …
<table bordercolor=»…»> Задаёт цвет рамки.
<table cellspacing=»…»> Расстояние между ячейками таблицы.

От 0 до …
<table cellpadding=»…»> Расстояние между содержимым ячейки и её рамки. От 0 до …
<table> Ширина таблицы. От 0 до …
<table> Высота таблицы. От 0 до …

Тег: <tr> [контейнерный]

Создаёт строку в таблице. Допустимые атрибуты:

<tr align=»…»> Задаёт горизонтальное выравнивание ячеек в таблице. Допустимые значения:

«left» — выравнивание по левому краю.

«center» — выравнивание по центру.
«right» — выравнивание по правому краю.
«justify» — выравнивание теста на всю строчку.

<tr valign=»…»> Задаёт вертикальное выравнивание ячеек в таблице. Допустимые значения:

«top» — выравнивание по верхнему краю.
«middle» — выравнивание по центру.

«bottom» — выравнивание по нижнему краю.

<tr bgcolor=»…»> Задаёт цвет фона.

Тег: <td> [контейнерный]

Создаёт ячейку в таблице. Допустимые атрибуты: <align>, <valign>, <bgcolor>, <width>, <height>…

<td colspan=»…»> Указывает кол-во столбцев, которое объединено в одной ячейке. От 1 до …
<td rowspan=»…»> Указывает кол-во строк, которое объединено в одной ячейке. От 1 до …

Тег: <th> [контейнерный]

Определяет заголовок таблицы. Нормальная ячейка с отцентрованным жирным текстом.

Тег: <p> [контейнерный]

Создает новый параграф. Встречая этот тег, браузер продолжает текст с новой строки.
Возможные атрибуты: <align>.

Тег: <h> [контейнерный]

Задаёт заголовок.<h2>…</h2> — самый большой заголовок.<h6>…</h6> — самый маленький заголовок.
Возможные атрибуты: <align>.

Тег: <br> [одиночный]

Переносит текст на новую строку.

Тег: <nobr> [одиночный]

Запрещает перевод строки.

Тег: <b> [контейнерный]

Создает жирый текст. <b>пример</b>.

Тег: <u> [контейнерный]

Создаёт подчёркнутый текст. <u>пример</u>.

Тег: <i> [контейнерный]

Создаёт наклонный текст. <i>пример</i>.

Тег: <tt> [контейнерный]

Создаёт текст — имитирующий стиль печатной машинки. <tt>пример</tt>.

Тег: <kbd> [контейнерный]

Создаёт текст — имитирующий стиль печатной машинки. <kbd>пример</kbd>.

Тег: <em> [контейнерный]

Наклонный текст (воспринимается посковыми роботами как выделение).

Тег: <strong> [контейнерный]

Жирный текст (воспринимается посковыми роботами, как особо сильное выделение).

Тег: <hr> [одиночный]

Добавляет в HTML документ горизонтальную линию. Возможные атрибуты:

<hr noshade=»…»> Создает линию без тени.
<hr size=»…»> Устанавливает высоту (толщину) линии.
<hr> Устанавливает ширину линии.
<hr align=»…»> Задаёт горизонтальное выравнивание в таблице.
<hr color=»…»> Задает линии определенный цвет.

Тег: <sub> [контейнерный]

Задаёт в тексте нижний индекс. Пример: Н<sub>2</sub>O [H2O].

Тег: <sup> [контейнерный]

Задаёт в тексте верхний индекс. Пример c2=a2+b2.

Тег: <font> [контейнерный]

Используется для форматирования текста. Не действует без атрибутов. Возможные атрибуты:

<font face=»…»> Указывает шрифт.
<font size=»…»> Устанавливает размер текста. От 1 до 7.
<font color=»…»> Задает тексту определенный цвет.

Тег: <a> [контейнерный]

Создает гиперссылку на другие сайты. Возможные атрибуты:

<a href=»URL»> Указывает путь на другую страницу.
<a target=»…»> Указывает в каком окне открывать гиперссылку.
<a title=»…»> Выскакивает подсказка при наведении на ссылку.
<a href=»mailto:EMAIL»> Открывает почтовую программу с указанным EMAIL.
<a name=»…»> Отмечает часть текста, как метку для гипперссылок на странице. Служит якорем.
<a href=»#name»> Указывает путь к якорю.

Тег: <img> [одиночный]

Добавляет изображение в HTML документ. Обязательный атрибут — <img src=»URL»>. Атрибуты:

<img src=»URL» align=»…»> Выравнивает изображение к одной из сторон документа.
<img src=»URL» border=»…»> Устанавливает толщину рамки вокруг изображения.
<img src=»URL» vspace=»…»> Устанавливает поля сверху и снизу. От 0 до …
<img src=»URL» hspace=»…»> Устанавливает поля слева и справа. От 0 до …
<img src=»URL» alt=»…»> Всплывающая подсказка при наведении на картинку.

Тег: <ul> [контейнерный]

Создаёт маркированный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:

<ul type=»…»> Задаёт тип маркера. Допустимые значения:

«disk» — маркер в виде закрашенного кружка.
«circle» — маркер в виде кружка.
«square» — маркер в виде закрашенного крадрата.

Тег: <ol> [контейнерный]

Создаёт нумерованный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:

<ol type=»…»> Задаёт тип маркера.
<ol start=»…»> Определяет с какого значения начинать список.

Тег: <dl> [контейнерный]

Создает список определений. Содержат термины <dt> [одиночный] и определения <dd> [одиночный].

Тег: <cite> [контейнерный]

Цитирование.

Тег: <code> [контейнерный]

Отображает примеры кода.

Тег: <samp> [контейнерный]

Последовательность литералов.

Тег: <var> [контейнерный]

Переменная.

Тег: <dfn> [контейнерный]

Определение.

Тег: <q> [контейнерный]

Текст, заключённый в скобки.

Тег: <pre> [контейнерный]

Обрамляет предварительно отформатированный текст.

Тег: <addres> [контейнерный]

Отображается курсивом в виде отдельного абзаца.

Тег: <nobr> [одиночный]

Запрещает перевод строки.

Тег: <blockqote> [контейнерный]

Создает отступы с обеих сторон текста.

Тег: <marquee> [контейнерный]

Бегущая строка. Возможные атрибуты:

<marquee scrollamount=»…»> Скорость перемещения текста. От 0 до …
<marquee behavior=»alternate»> Прыжки.

dance dance cant control my body background|TikTok Search

TikTok

Upload

noonegotmyheart02

💗Gasha💗

Here the background from dance dance dance cant control my body…

814 Likes, 25 Comments. TikTok video from 💗Gasha💗 (@noonegotmyheart02): «Here the background from dance dance dance cant control my body…». оригинальный звук — Astrid.

27.5K views|

оригинальный звук — Astrid

mimicheecha

Hooman name

Hooman name (@mimicheecha)’s videos with original sound — Hooman name | TikTok

5.4K Likes, 186 Comments. TikTok video from Hooman name (@mimicheecha). original sound — Hooman name.

115K views|

original sound — Hooman name

wweirdo101_official

Kei !!

CANT CONTROL MY BODY💃⁉️PLS COPYLINK✨❤️ not my idea💡❌ i havent tween in so long so pls dont judge if its bad😓🙏 #wweirdo101_ #fypシ #fypシ゚viral #dancedancedance #fyp #gachatrend #foryoupage #gasha #tween #anime #4ypp #goviral #viral #🎁🎁🎁💝 #🔥 #ukraine

254. 1K Likes, 1.6K Comments. TikTok video from Kei !! (@wweirdo101_official): «CANT CONTROL MY BODY💃⁉️PLS COPYLINK✨❤️ not my idea💡❌ i havent tween in so long so pls dont judge if its bad😓🙏 #wweirdo101_ #fypシ #fypシ゚viral #dancedancedance #fyp #gachatrend #foryoupage #gasha #tween #anime #4ypp #goviral #viral #🎁🎁🎁💝 #🔥 #ukraine». original sound — Kei !!.

2.1M views|

original sound — Kei !!

sharkygacha_edits

Sharky (◉Θ◉)

Cant control my body #trend #capcut free background from @Jimin e Jungkook utted 🐰🐥💜

35 Likes, TikTok video from Sharky (◉Θ◉) (@sharkygacha_edits): «Cant control my body #trend #capcut free background from @Jimin e Jungkook utted 🐰🐥💜». original sound — Sharky (◉Θ◉).

846 views|

original sound — Sharky (◉Θ◉)

n1kki.

_.d1am0nd
Yxn वगैरह

I can’t control my body dance dance dance! || people || ocs || sister || #dance #people #background #google #chrome #viral #devilbona #fypシ

61 Likes, TikTok video from Yxn वगैरह (@n1kki._.d1am0nd): «I can’t control my body dance dance dance! || people || ocs || sister || #dance#people#background#google#chrome#viral#devilbona#fypシ». original sound — Yxn वगैरह.

1184 views|

original sound — Yxn वगैरह

owl_inthehouse

Hunter’s #1 fan

If this song was a person I’d marry it #toh #theowlhouse #huntertheowlhouse #belostheowlhouse #helostoh

103. 8K Likes, 695 Comments. TikTok video from Hunter’s #1 fan (@owl_inthehouse): «If this song was a person I’d marry it #toh #theowlhouse #huntertheowlhouse #belostheowlhouse #helostoh». original sound — Hunter’s #1 fan.

913.3K views|

original sound — Hunter’s #1 fan

wehow88

Lakitu

dance dance dance, can’t control m’y body #slowedsong #Lakitu #fypシ #fyp #hi #mariokart8deluxe

61 Likes, TikTok video from Lakitu (@wehow88): «dance dance dance, can’t control m’y body #slowedsong #Lakitu #fypシ #fyp #hi #mariokart8deluxe». son original — Lakitu.

959 views|

son original — Lakitu

mhahab

ava 🦅💥

Still forever one of my fav eps #mhabakugo #katsukibakugo #dynamite #mhadeku #izukumidoriya #deku #dancedancedance #dazedazedaze #cantcontrolmybody #drunkdazed #enhypen #mhahab #foryoupage #trending #myheroacademia #mha #edit #capcut #dekuvskacchan #MHAEdits

155. 8K Likes, 385 Comments. TikTok video from ava 🦅💥 (@mhahab): «Still forever one of my fav eps #mhabakugo #katsukibakugo #dynamite #mhadeku #izukumidoriya #deku #dancedancedance #dazedazedaze #cantcontrolmybody #drunkdazed #enhypen #mhahab #foryoupage #trending #myheroacademia #mha #edit #capcut #dekuvskacchan #MHAEdits». original sound — ava 🦅💥.

1M views|

original sound — ava 🦅💥