Как я написал в предыдущем уроке, браузер открывает файл с расширением .html, и вы видите сайт. Так вот, главная технология верстки — это HTML (читается Аш Ти Эм Эль).
Сразу пример HTML:
<html> <body> <p>Привет!</p> </body> </html>
Примерно такой код пишется в файле с расширением html. Код можно писать прямо в стандартном текстовом редакторе (блокноте) на Вашем компьютере. Но удобнее писать HTML-код в специальном редакторе, который мы рассмотрим в следующих уроках.
Найдите в примере строку <p>Привет!</p>. Здесь <p></p> это один из тегов HTML. HTML — это набор тегов. Если в Word вы для того, чтобы создать новый абзац просто нажимаете ENTER, то в HTML новый абзац нужно помещать между <p> и </p>. Вообще тегов в HTML немного, и их легко запомнить.
После того, как вы написали какой-то код в файле с расширением html, этот файл можно открыть в браузере. Код из вышеприведенного примера в браузере выдаст просто слово "Привет!".
Как и где писать HTML
Прямо сейчас вы сами напишете HTML-код и откроете его в браузере. Я уже написал, что HTML можно писать прямо в блокноте. Создайте текстовый документ, например, 1.txt. Откройте его в блокноте и напишите в нем <p>Это абзац.</p>. Если вы прямо сейчас откроете текстовый документ в браузере, то вы просто увидите тот же текст <p>Это абзац.</p>. Помните какие файлы надо открывать в браузере? Правильно, файлы с расширением .html. Значит, нужно текстовый файл переименовать в 1.html или в 2.html. Неважно какое название, главное, чтобы расширение было .html.
А вот теперь, когда вы откроете .html-файл в браузере, то тегов <p> и </p> вы не увидите. Браузер их обработал. В этом и есть смысл HTML, теги не показываются в браузере, они созданы для того, чтобы браузер их обрабатывал, и правильно отображал сайт.
В HTML всего несколько тегов. Их можно запомнить меньше, чем за час. К тому же, все теги названы не просто так, а с конкретным смыслом на английском языке, и так их легче запомнить. Например, уже знакомый вам тег <p></p>, это сокращение от paragraph, что переводится как абзац. Здесь плюсы со всех сторон — если вы не знаете английский, то вы его подтянете, а если вы хорошо знаете английский, то вы еще быстрее освоите HTML.
В следующем уроке вы узнаете еще о 2 технологиях в верстке сайтов.
Изучайте верстку и зарабатывайте на ней, это интересно, увлекательно и перспективно! Переходите к следующему уроку.
В комментариях выше теги не отображаются,но когда я на компьютере создаю документ формата html,и открываю его в браузере они у меня почему то не исчезают(((