HTML: различия между версиями

695 байт добавлено ,  6 лет назад
{{CSS:rendered|1= It is a long tail, certainly, 'said Alice, looking down with wonder at the Mouse's tail'
`But why do you call it sad? ' And she kept on puzzling about it while the Mouse was speaking,
so that her idea of the tale was something like this: - <pre style="background-color: white; border: 0px none; ">
`Fury said to a
mouse, That he
!Тег!!Пример!! Вид!!Описание
|-
|b||<nowiki><b>текст</b></nowiki>||{{CSS:rendered|1=<b>текст</b>}}||Задаёт жирный текст.
|-
|strong||<nowiki><strong>текст</strong></nowiki>||{{CSS:rendered|1=<strong>текст</strong>}}||Задаёт сильный акцент на тексте между тегами. Выглядит почти так же, как и жирный.
|-
|i||<nowiki><i>текст</i></nowiki>||{{CSS:rendered|1=<i>текст</i>}}||Задаёт курсивный текст.
|-
|em||<nowiki><em>текст</em></nowiki>||{{CSS:rendered|1=<em>текст</em>}}||Задаёт акцент на тексте между тегами. По виду аналогичен курсивному.
|-
|big||<nowiki><big>текст</big></nowiki>||{{CSS:rendered|1=<big>текст</big>}}||Задаёт большой текст (устаревший).
|-
|small||<nowiki><small>текст</small></nowiki>||{{CSS:rendered|1=<small>текст</small>}}||Задаёт маленький текст (устаревший).
|-
|sub||<nowiki><p>H<sub>2</sub>O — это вода</p></nowiki>||{{CSS:rendered|1=<p>H<sub>2</sub>O — это вода</p>}}||Задаёт текст в нижнем индексе.
|-
|sup||<nowiki><p>2<sup>8</sup>=256</p></nowiki>||{{CSS:rendered|1=<p>2<sup>8</sup>=256</p>}}||Задаёт текст в верхнем индексе.
|-
|ins||<nowiki><ins>текст</ins></nowiki>||{{CSS:rendered|1=<ins>текст</ins>}}||Задаёт текст, который вставляется после удаления. Обычно подчёркнут.
|-
|u||<nowiki><u>текст</u></nowiki>||{{CSS:rendered|1=<u>текст</u>}}||Подчёркивание текста (устаревший).
|-
|del||<nowiki><del>текст</del></nowiki>||{{CSS:rendered|1=<del>текст</del>}}||Задаёт текст, который удалён (выглядит перечёркнутым).
|-
|s||<nowiki><s>текст</s></nowiki>||{{CSS:rendered|1=<s>текст</s>}}||Перечёркивание текста (устаревший).
|-
|code||<nowiki><code>текст</code></nowiki>||{{CSS:rendered|1=<code style="color: black; border: 0px none; background-color: white; ">текст</code>}}||Задаёт текст, представляющий компьютерный код.
|-
|kbd||<nowiki><kbd>текст</kbd></nowiki>||{{CSS:rendered|1=<kbd>текст</kbd>}}||Задаёт текст, который введён с клавиатуры.
|-
|tt||<nowiki><tt>текст</tt></nowiki>||{{CSS:rendered|1=<tt>текст</tt>}}||Задаёт текст, который выглядит так, будто введён с телетайпа. (Моноширинный шрифт, тег устаревший)
|-
|samp||<nowiki><samp>текст</samp></nowiki>||{{CSS:rendered|1=<samp>текст</samp>}}||Задаёт текст, который является примером (Sample). Почти как примеры в этом тексте.
|-
|var||<nowiki><var>текст</var></nowiki>||{{CSS:rendered|1=<var>текст</var>}}||Задаёт текст, представляющий переменную. Наверное для всяких статей по программированию.
|-
|pre||<nowiki><pre>текст</pre></nowiki>||{{CSS:rendered|1=<pre style="border: 0px none; background-color: white; ">текст</pre>}}||Задаёт текст, который сохраняет все символы форматирования, такие как табуляции, пробелы, и переносы строк.
|-
|abbr||<nowiki><abbr title="HyperText Markup Language">HTML</abbr></nowiki>||{{CSS:rendered|1=<abbr title="HyperText Markup Language">HTML</abbr>}}||Задаёт текст аббревиатуры. В атрибуте title можно записать расшифровки.
|-
|acronym||<nowiki><acronym title="HyperText Markup Language">HTML</acronym></nowiki>||{{CSS:rendered|1=<acronym title="HyperText Markup Language">HTML</acronym>}}||Задаёт текст акронима (в атрибуте title). Акроним — это устоявшееся сокращение, а аббревиатура — нет. (почему-то в таблице не работаетустаревший)
|-
|address||<nowiki><address>город Берлин</address></nowiki>||{{CSS:rendered|1=<address>город Берлин</address>}}||Задаёт текст адреса. Отображается курсивом. (почему-то в таблице не работает)
|-
|bdo||<nowiki><bdo dir="rtl">HTML</bdo></nowiki>||{{CSS:rendered|1=<bdo dir="rtl">HTML</bdo>}}||Очень весёлый тег. Для тех кто пишет на древнееврейском. В атрибуте dir можно задать направления текста. „Rtl“ — справа налево, „ltr“ — нормально.
|-
|blockquote||<nowiki><blockquote>html html html</blockquote></nowiki>||{{CSS:rendered|1=<blockquote>html html html</blockquote>}}||Задаёт текст большой цитаты.
|-
|q||<nowiki><q>html html</q></nowiki>||{{CSS:rendered|1=<q>html html</q>}}||Задаёт текст маленькой цитаты.
|-
|cite||<nowiki><cite>html+css+javascript=website</cite></nowiki>||{{CSS:rendered|1=<cite>html+css+javascript=website</cite>}}||Задаёт текст цитаты.
|-
|dfn||<nowiki><p><dfn>html</dfn> — это язык разметки гипертекста</p></nowiki>||{{CSS:rendered|1=<p><dfn>html</dfn> — это язык разметки гипертекста</p>}}||Задаёт строку, для которой будет дано определение (Definition).
|}
 
Надо сказать, что W3C не рекомендует использование этих элементов, предпочитая CSS.
 
Ну, со структурой гипертекста, думаю, мы разобрались, можно теперь переходить к вещам более глобальным.
92

правки