Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Уберите комментарий
<!-- Я комментарий --> - Попробуйте сами написать структуру страницы.
<html>,<head>,<body>
Ранее мы много говорили о базовых вещах - тегах. В предыдущем уроке ещё раз поговорили о парных тегах. Теперь начнем изучать самые распространенные теги, которые можно найти практически на всех веб-страницах.
Теги html, head и body
Этот урок будет коротким, вы узнаете об этих тегах так подробно, что подробнее и нельзя, но только в следующих уроках.
Эти три тега основные, так как это каркас сайта. В теге <html> находятся все теги, и не один не должен быть за пределами его (хотя, кроме одного, о котором вы узнаете в следующем уроке), иначе поисковики не полюбят ваш сайт. Даже немного про SEO добавил.
Далее тег <head>, в нем находятся такие важные теги как <title>, <meta>, <link> и <script>. Обо всех этих тегах вы узнаете в отдельных уроках.
Далее на очереди тег <body>, в нем находится весь сайт. Далее будет пример страницы, но вначале хочу заметить, что <!-- комментарий -->, то есть между этими тегами записана информация, которая игнорируется браузером, и указывается, чаще всего, для себя. Пример пустой HTML-страницы:
<!DOCTYPE html >
<html>
<head>
<!-- Этот раздел предназначен для заголовка страницы и технической информации. -->
</head>
<body>
<!-- А здесь надо размещать все, что хотите увидеть на странице. -->
</body>
</html>Английские слова по теме
Не забываем учить английский, чтобы дальше было легче. Вам могут встретиться такие слова: Makeup (make up), layout – верстка; page – страница; developer – разработчик.
В следующем уроке познакомимся с первой строкой HTML-страницы - тег doctype.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
