Как мы выяснили ранее, основа основ любого сайта пишется на языке HTML. Сейчас предлагаю разобрать подробнее, что из себя представляет этот язык разметки.
Любая веб страница- это текстовый документ, написанный на языке HTML. Язык полностью состоит из так называемых тегов. Теги- это ключевые слова, которые читает браузер и определяет, как именно отображать информацию пользователю.
Теги бывают двух видов - закрывающиеся и незакрывающиеся. Они отличаются тем, что у закрывающихся в конце элемента нужен закрывающий тег. Он пишется со слешем. Не пугайтесь, скоро все станет понятно.
Разберём несколько базовых тегов:
1. <html>
Этот тег указывается в самом начале любой веб страницы. С его помощью браузер понимает, на каком языке написана страница и уже знает, какой набор правил применять для её обработки. Тег является обязательным и требует закрытия (</html>)
Пример использования:
<html>исходный код страницы</html>
Видите? Все очень просто.
2. <head>
В этом теге содержатся технические элементы, которые помогают браузеру корректно отображать страницу. Позже мы рассмотрим их подробнее. Тег закрывающийся. Сейчас рассмотрим один из тегов, содержащихся в head.
3. <title>
Здесь содержится название страницы, которое будет отображаться в названии вкладки браузера.
Тег закрывающийся.
Пример использования:
<html>
<head>
<title>название страницы</title>
</head>
Исходный код страницы
</html>
4. <body>
Вся информация внутри этого тега отображается на странице. Это все называемое "тело" страницы, как понятно из названия тега. Тег закрывающийся.
Пример использования:
<html>
<head>
<title>название страницы</title>
</head>
<body>контент, отображаемый на странице</body>
</html>
Этих четырёх тегов достаточно, чтобы создать вашу первую страницу.
Попробуйте сами.
Создайте пустой файл блокнота. Скопируйте в него код из последнего примера. Далее нажимаете Файл - Сохранить как - и назовите файл "моя первая страница.html". Расширение ". html обязательно. Оно необходимо для того, чтобы компьютер определил, что это веб страница и открывал её браузером. Откройте получившийся файл - вуаля :) Ваша первая веб страница готова :)
Подписывайтесь на канал, все вопросы задавайте в комментариях. Постараюсь ответить на все. В следующей статье мы рассмотрим программы, которые нужны для создания сайтов.
До встречи на моем канале)
