Download
1 / 23
E N D
Абзацы. Тег <p> <p>Это абзац, тут текст</p>
Заголовки <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
Списки. Неупорядоченные Пример кода <ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li></ul> Результат • Пункт 1 • Пункт 2 • Пункт 3
Списки. Упорядоченные Пример кода <ol start=’3’> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li></ol> Результат 3. Пункт 1 4. Пункт 2 5. Пункт 3
Многоуровневые списки <ul> <li>1 <ul> <li>1.1</li> <li>1.2</li> </ul> </li> <li>2</li></ul>
Многоуровневые списки Пример кода с ошибкой: <ul> <li>1</li> <ul> <li>1.1</li> <li>1.2</li> </ul> <li>2</li></ul>
Strong и b, Em и i Этот тег определяет <strong>важность</strong> отмеченного текста Этот тег определяет <b>важность</b> отмеченного текста Результат Этот тег определяет важность отмеченного текста Инструктор Кекс любит <em>играть</em> с укропом Инструктор Кекс любит <i>играть</i> с укропом Результат Кекс не любит питаться укропом
Теги br и hr <p>тут много текста</p> <br> <p>тут еще больше текста, а после будет линия</p> <hr>
Цитаты • <blockquote> предназначен для выделения длинных цитат, которые могут состоять из нескольких абзацев. Тег выделяет цитату как отдельный блок текста с отступами. • <q> предназначен для выделения коротких цитат в предложениях. Текст внутри этого тега автоматически обрамляется кавычками. • <cite> используется для того, чтобы выделить источник цитаты, название произведения или автора цитаты.
Верхние и нижние индексы Тег <sup> отображает текст в виде верхнего индекса. mc<sup>2</sup> Тег <sub> отображает текст в виде нижнего индекса. H<sub>2</sub>O
Преформатированный текст <pre>Если вы есть — будьте первыми, Первыми, кем бы вы ни были. Из песен — лучшими песнями, Из книг — настоящими книгами. </pre>
Тег a <a href="http://web.the-center.it">ITc</a>
https:// — это протоколthe-center.it — имя сервера, также называется домен или хост/courses — путь Абсолютные адреса
Относительные адреса Примеры относительных адресов courses/1./courses../../run/1
Ссылка с якорем <a href="#glava1">Глава 1</a> ... <h2 href="glava1">Глава 1</h2>
Всплывающая подсказка <a title="Подсказка" href="#">
Тег img <img src="logo.png"> Изображение ссылка <a href="vk.com"><img src="logo.png"></a>
htmlbook.ru - справочник по HTML/CSS www.w3.org - организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины codepen.io - онлайн редактор кода, с возможностью делится своими исходниками Полезные ссылки
