1 / 23

2 less

reu it second lesson itc

Rusov
Télécharger la présentation

2 less

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Разметка текста

  2. Абзацы. Тег <p> <p>Это абзац, тут текст</p>

  3. Заголовки <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>

  4. Списки. Неупорядоченные Пример кода <ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li></ul> Результат • Пункт 1 • Пункт 2 • Пункт 3

  5. Списки. Упорядоченные Пример кода <ol start=’3’> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li></ol> Результат 3. Пункт 1 4. Пункт 2 5. Пункт 3

  6. Многоуровневые списки <ul> <li>1 <ul> <li>1.1</li> <li>1.2</li> </ul> </li> <li>2</li></ul>

  7. Многоуровневые списки Пример кода с ошибкой: <ul> <li>1</li> <ul> <li>1.1</li> <li>1.2</li> </ul> <li>2</li></ul>

  8. Strong и b, Em и i Этот тег определяет <strong>важность</strong> отмеченного текста Этот тег определяет <b>важность</b> отмеченного текста Результат Этот тег определяет важность отмеченного текста Инструктор Кекс любит <em>играть</em> с укропом Инструктор Кекс любит <i>играть</i> с укропом Результат Кекс не любит питаться укропом

  9. Теги br и hr <p>тут много текста</p> <br> <p>тут еще больше текста, а после будет линия</p> <hr>

  10. Цитаты • <blockquote> предназначен для выделения длинных цитат, которые могут состоять из нескольких абзацев. Тег выделяет цитату как отдельный блок текста с отступами. • <q> предназначен для выделения коротких цитат в предложениях. Текст внутри этого тега автоматически обрамляется кавычками. • <cite> используется для того, чтобы выделить источник цитаты, название произведения или автора цитаты.

  11. Верхние и нижние индексы Тег <sup> отображает текст в виде верхнего индекса. mc<sup>2</sup> Тег <sub> отображает текст в виде нижнего индекса. H<sub>2</sub>O

  12. Преформатированный текст <pre>Если вы есть — будьте первыми, Первыми, кем бы вы ни были. Из песен — лучшими песнями, Из книг — настоящими книгами. </pre>

  13. Ссылки

  14. Тег a <a href="http://web.the-center.it">ITc</a>

  15. https:// — это протоколthe-center.it — имя сервера, также называется домен или хост/courses — путь Абсолютные адреса

  16. Относительные адреса Примеры относительных адресов courses/1./courses../../run/1

  17. Ссылка с якорем <a href="#glava1">Глава 1</a> ... <h2 href="glava1">Глава 1</h2>

  18. Всплывающая подсказка <a title="Подсказка" href="#">

  19. Изображение

  20. Тег img <img src="logo.png"> Изображение ссылка <a href="vk.com"><img src="logo.png"></a>

  21. htmlbook.ru - справочник по HTML/CSS www.w3.org - организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины codepen.io - онлайн редактор кода, с возможностью делится своими исходниками Полезные ссылки

More Related