Что такое HTML

Что такое HTML

HTML (HyperText Markup Language) - стандартизированный язык разметки гипертекста во Всемирной паутине.

HTML указывает браузеру (интернет-обозревателю), как разместить элементы на странице при ее отображении на экране монитора.

HTML состоит из элементов, которые называются тегами.

Между угловыми скобками < ...> находится имя тега и его параметры (если они есть).

В основном все теги парные, т.е. один открывающий <>, а другой - закрывающий < />.
Такая пара тегов называется контейнером. А все, что находится между ними - содержимым контейнера.

Действия тегов распространяются только на их содержимое.
Теги могут иметь параметры (или атрибуты).

 

Структура документа на HTML

документ на HTML

Структура HTML

 

Создаем свою первую страничку

  1. В Windows откройте программу Блокнот.
  2. Наберите (или скопируйте) указанный ниже код в Блокноте.

  3. <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Моя первая веб-страница</title>
    </head>

    <body>
    <div style="text-align: center;">
      <h2>Моя первая страница на HTML</h2>
      <br>
      <h1>Привет МИР!</h1>
      <img src="http://arbuzova.mooseum.ru/1-rubrika/08-primer/000-picture.jpg">
    </div>
    </body>

    </html>


  4. Сохраните готовый документ (файл) на свой ПК с любым именем, например, primer-001.html.
    Обратите внимание, что расширение у файла должно быть html.
  5. Запустите в браузере созданный вами файл: "primer-001.html".
  6. Насладитесь своей первой страничкой на HTML.

 

Смотреть пример 1-й страницы

 

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum - это "текст-рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн.

Жирность шрифта

Жирность шрифта
font-weight: 100 Thin (Hairline) - Тонкий (как волос)
font-weight: 200 Extra Light (Ultra Light) - Extra светлый (Ультра светлый)
font-weight: 300 Light - Светлый
font-weight: 400 Normal or Reqular - Нормальный или Обычный
font-weight: 500 Medium - Средний
font-weight: 600 Semi Bold (Demi Bold) - Полужирный
font-weight: 700 Bold - Жирный
font-weight: 800 Extra Bold (Ultra Bold) - Экстра жирный (Ультра жирный)
font-weight: 900 Black (Heavy) - Черный (Тяжелый)
jQuery

jQuery

jQuery - это небольшая, быстрая и многофункциональная библиотека JavaScript.
jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

<head>
  <script src="jquery-3.4.1.min.js"></script>
</head>