Описание курса:

HTML - это язык разметки, который используется не только в Web, но и во многих других областях. На базовом уровне этот язык достаточно прост, и понимание его азов должно быть у любого уважающего себя специалиста IT отрасли.

Данный курс рассчитан на людей, которые только начинают свой путь в изучении HTML. Он даст базовые знания языка и понимание, куда двигаться дальше. Удачного чтения!

Вопросы для самопроверки:

Сомневаешься, будет ли тебе полезен материал курса, или хочешь убедиться, что усвоил материал курса? Проверь свои знания с помощью вопросов для самопроверки по материалам курса.

  1. Что такое HTML и для чего он используется?
  2. Какие компоненты входят в состав HTML-элемента?
  3. Объясните разницу между блочными и строчными элементами в HTML.
  4. Как правильно вложить элементы в HTML, и почему это важно?
  5. Какие атрибуты можно использовать с элементом `<a>`, и для чего они служат?
  6. Какой элемент используется для добавления закомментированного текста в HTML?
  7. Почему рекомендуется всегда заключать значения атрибутов в кавычки?
  8. В чем заключается роль элемента `<meta charset="utf-8">` в HTML-документе?
  9. Какое значение имеет правильное форматирование и отступы в HTML-коде, хотя браузеры и игнорируют лишние пробелы?
  10. Для чего служит элемент `<head>` в HTML-документе?
  11. Какие элементы обычно содержатся в `<head>` и какую роль они выполняют?
  12. В чем отличие использования `<title>` и `<h1>`?
  13. Какие есть разновидности элемента `<meta>` и какова их задача?
  14. Почему важно указывать кодировку UTF-8 в HTML-документе?
  15. Как с помощью элемента `<link>` добавляется favicon на веб-сайт?
  16. Как связаны метаданные с оптимизацией текста для поисковых систем (SEO)?
  17. Как подключаются внешние файлы CSS и JavaScript в HTML-документе?
  18. Как можно указать основной язык HTML страницы?
  19. Сколько уровней заголовков предусмотрено в HTML и какой из них является основным?
  20. Какие элементы применяются для создания абзацев в HTML?
  21. Почему важно соблюдать иерархию заголовков на веб-странице?
  22. В чем заключается различие между элементами <em> и <strong> в HTML?
  23. Какие типы списков поддерживаются в HTML и какие элементы используются для их создания?
  24. Как можно добавить вложенный список в HTML?
  25. Как HTML5 переопределяет использование элементов <b>, <i>, и <u> по сравнению с их изначальным применением?
  26. Что такое гиперссылка и какое значение она имеет для Интернета?
  27. Какой атрибут можно использовать для добавления справочной информации к ссылке?
  28. Какая разница между абсолютным и относительным URL-адресом?
  29. Как можно создать ссылку на определенную часть HTML-документа?
  30. Как создать ссылку для отправки электронного письма и какие дополнительные поля можно указать?
  31. Какие преимущества имеют относительные URL по сравнению с абсолютными при использовании на одном сайте?
  32. Почему важно следить за содержанием текста ссылки?
  33. Чем отличается использование <blockquote> и <q> в HTML?
  34. Чем элемент <abbr> отличается от элемента <acronym> и какой из них предпочтительнее использовать?
  35. Для чего предназначен элемент <address> и в каком контексте его необходимо применять?
  36. Какие элементы используются в HTML для представления надстрочных и подстрочных индексов, и в каких случаях их применяют?
  37. Какие HTML-элементы используются для разметки компьютерного кода и как каждый из них применяется?
  38. Что представляет собой элемент <time> и какие возможности он предлагает для разметки дат и времени?
  39. Какие элементы HTML позволяют задавать ключевые разделы сайта, такие как «заголовок» или «основное содержимое»?
  40. Какие классические составляющие включает большинство веб-страниц?
  41. Какие элементы часто преподносятся в боковой панели веб-сайта?
  42. Какой тег HTML используется для создания нижнего колонтитула?
  43. Назови два часто используемых элемента, которые применяются для разрыва строки и отображения горизонтальной линии.
  44. Почему не рекомендуется злоупотреблять использованием элемента <div> в HTML-разметке?
  45. Какие два типа ошибок могут возникать в HTML-коде, и чем они отличаются?
  46. Почему браузеры терпимо относятся к синтаксическим ошибкам в HTML?
  47. Как браузер исправляет некорректно вложенные теги в HTML?
  48. Почему незакрытый атрибут может поглотить закрывающий тег?
  49. Почему ошибки, вызванные незакрытыми элементами или атрибутами, могут привести к проблемам с форматированием?

Готов применять свои знания на практике и попробовать себя в роли Junior HTML/CSS developer?

Действуй!

Подать заявку

Готов к реальным проектам?

Подай заявку на Junior HTML/CSS developer!

Программа курса:

  1. Описание курса
  2. Основы HTML - элементы, атрибуты и теги

    Охватывает базовые основы HTML, чтобы вы начали изучение - мы опишем элементы, атрибуты и все другие важные термины, о которых вы, возможно, уже слышали, а также где и как они располагаются в языке. Мы также покажем, структуру HTML элемента, как устроена типичная страница HTML, и объясним другие важные языковые особенности. По ходу мы будем играть с HTML так, чтобы вам было интересно!

  3. Метаданные и заголовки в HTML

    Заголовок HTML — это часть документа, которая не отображается в браузере при загрузке страницы. Он содержит информацию, такую как: страница <title>, ссылки на CSS (если вы хотите стилизовать свой HTML при помощи CSS), ссылки на пользовательские значки и метаданные (которые представляют собой данные о HTML, например, кто его написал или важные ключевые слова, которые описывают документ).

  4. Основы редактирования текста в HTML

    Основной задачей HTML является придание тексту значения (также известно, как семантика), чтобы браузер знал, как его правильно отображать. В этой статье расматривается то, как использовать HTML, чтобы разбить блок текста на структуру из заголовков и абзацев, добавить акцент/значение слов, создать списки и многое другое.

  5. Создание и настройка гиперссылок в HTML

    Гиперссылки очень важны — ведь именно они делают интернет интернетом. В этой статье описан синтаксис, необходимый для создания ссылок, а также описано их наилучшее применение на практике.

  6. Углубленное форматирование текста в HTML

    Существует множество других элементов HTML для редактирования текста. Описанные здесь элементы менее известны, но о них также полезно знать. Здесь вы узнаете о разметке цитат, списках описания, компьютерном коде и другом сопутствующем тексте, нижнем и верхнем индексах, контактной информации и многом другом.

  7. Структура документа и сайта в HTML

    Помимо определения отдельных частей страницы (таких как "абзац" или "изображение"), HTML также используется для определения отдельных зон веб-сайта (таких как "шапка", "меню навигации", "столбец с основным содержимым".) В этой статье рассматривается, как планировать базовую структуру веб-сайта и писать HTML для представления этой структуры.

  8. Отладка HTML - поиск и исправление ошибок

    Писать на HTML хорошо, но что, если что-то идет не так, и вы не можете найти место ошибки в коде? В этой статье вы познакомитесь с некоторыми инструментами, которые могут Вам помочь.