Advertisement
myfrontemd

basic html5 elements

Dec 12th, 2019
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.15 KB | None | 0 0
  1. <!-- говорим браузеру, что это HTML5-->
  2. <!DOCTYPE html>
  3. <!--начало документа-->
  4. <html>
  5. <!--шапка документа-->
  6. <head>
  7.     <title>Название страницы</title>
  8. </head>
  9. <!--конец шапки документа-->
  10. <!--тело документа-->
  11. <body>
  12.     <h1>Заголовок первого уровня.</h1>
  13.     <h2>Заголовок второго уровня.</h2>
  14.     <h3>Заголовок третьего уровня.</h3>
  15.     <h4>Заголовок четвертого уровня.</h4>
  16.     <h5>Заголовок пятого уровня.</h5>
  17.     <h6>Заголовок шестого уровня.</h6>
  18.     <p>Текст первого параграфа. Параграф - это абзац в тексте, но не всегда. В HTML5 в этот тег можно обернуть и просто любой текст, для которого больше подходящего тега не нашлось.</p>
  19.     <p>А это второй параграф. Или абзац.
  20.         <a href="https://my-front-end.ru/">Это ссылка, её название.</a>
  21.         Ссылка может находиться внутри абзаца.
  22.     </p>
  23.     <a href="https://my-front-end.ru/">Это ссылка, которая сама по себе в документе.</a>
  24.     <!--Начало списка-->
  25.     <ul>
  26.         <!--Элементы списка-->
  27.         <li>Первый элемент списка</li>
  28.         <li>Второй элемент списка</li>
  29.         <li>Последний элемент списка</li>
  30.     </ul>
  31.     <!--Конец списка-->
  32.     <!--Начало списка, который пронумерован-->
  33.     <ol>
  34.         <!--Элементы списка-->
  35.         <li>Элемент списка 1</li>
  36.         <li>Элемент списка 2</li>
  37.         <li>Элемент списка 3</li>
  38.     </ol>
  39.     <!--Конец списка, который пронумерован-->
  40. </body>
  41. <!--конец тела документа-->
  42. </html>
  43. <!--конец документа-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement