www.ABC-Color.com
Онлайн раскраски на разные темы
Справка

Самоучитель HTML5

Создание веб страницы.
Статья написана практично коротко, не отвлекаясь на разные специфики и историю.

Мнемонические ссылки

Нужно писать так, что-бы простой текст не стал программным.

Оформления тега code.

<code> </code> - используется для отображения программного кода. Моноширинный шрифт. Размер шрифта немного уменьшается.

Неправильно.

<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>HTML код</title>
<p>Используем тег code, что-бы показать программный код.</p>
<code><code><!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"></code></code>

Если вы наберете в html файле, как текст код html, интернет браузер этого не поймет и текст воспримет как код и он просто не отобразиться на интернет странице. Что-бы этого не случилось, используйте в тексте мнемонические символы.

Правильно.

<!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"><title>HTML код</title>
<p>Используем тег code, что-бы показать программный код.</p>
<code>&lt;code&gt;&lt;!DOCTYPE HTML&gt;&lt;html lang=&quot;ru&quot;&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;code&gt;</code>

Смотреть пример.

HTML код file: ///D:/... Используем тег code, что-бы показать программный код. <code><!DOCTYPE HTML><html lang="ru"><meta charset="utf-8"></code>

Мнемонические символы.

Мнемонический символ, по сути это ссылка на символ с набора кодов символов.

Некоторые знаки в HTML используются для наделения содержимого определенными свойствами. Точнее, они используются в программном коде. Когда возникает необходимость написать их в тексте, пишем мнемоническую ссылку на знак, что бы он не воспринялся как программный код, но визуально отобразился.

В HTML тексте рекомендуется заменять следующие знаки, мнемоническими ссылками.

'одинарная кавычка&apos;
"двойная кавычка&quot;
&амперсанд&amp;
<меньше&lt;
>больше&gt;

Можем наделить определенными свойствами отображаемый текст.

 неразрывный пробел&nbsp;
­мягкий перенос&shy;

Можем писать символы которые, могут являтся операторами в других программных кодах.

косая черта&frasl;
ºзнак градуса&ordm;
+знак плюс&#43;
×знак множення&times;
÷знак деления&divide;
знак минус&minus;
±плюс-минус&plusmn;
не равно&ne;
меньше или равно&le;
больше или равно&ge;
угол&ang;
квадратный корень&radic;
бесконечность&infin;
²верхний индекс «2»&sup2;
³нижний индекс «3»&sup3;
¼дробь «одна четвертая»&frac14;
½дробь «одна вторая»&frac12;
¾дробь «три четверти»&frac34;

Можем написать символы которых нет на клавиатуре.

§знак параграфа&sect;
евро&euro;
©знак охраны авторского права&copy;
горизонтальное многоточие&hellip;
маркер списка&bull;
верхняя черта&oline;

Ставить определенные знаки которые не поменяются при стилизации текста.

«левая двойная угловая кавычка&laquo;
»правая двойная угловая кавычка&raquo;

Мнемоническую ссылку можно записать, в виде кода.

Например: Стрелку влево-вправо можно записать &harr; и так &#8596;

левая треугольная стрелка&#9668;
правая треугольная стрелка&#9658;
треугольная стрелка вверх&#9650;
треугольная стрелка вниз&#9660;
левая стрелка&larr;&#8592;
правая стрелка&rarr;&#8594;
стрелка вверх&uarr;&#8593;
стрелка вниз&darr;&#8595;

Это неполный список мнемонических символов.