Ваш первый урок

Ваш первый урок

Начнем наш самый первый урок прямо с практики. Но для начала вам необходимо иметь одну программу Notepad++ её вы легко найдете в интернете, она бесплатная и свободно скачивается с сайта автора программы. Скачать тут. 

Если скачали то можно приступать. Создадим на рабочем столе или где нибудь на диске папку и назовем её например "Сайт". Открывает программу Notepad++ и в открывшемся окне вставляем следующий код.

<!-- это комментарии. их не видно при отображении файла в браузере-->
<html> <!-- тег html обозначает открытие файла html-->

   <head> <!-- head обозначает открытие головной части документа-->

      <!-- title обозначает название документа. Отображается вверху браузера -->
      <title> 
      Название Вашей первой странички 
      </title> <!-- закрываем тег title иначе у нас всё последующее будет считаться заголовком-->

   </head> <!-- тег head также нужно закрыть-->

 <body>  <!-- наконец открываем тело нашего документа. Здесь будет всё его содержание-->

    <!--начиная отсюда вставляем любые текст, заголовки, ссылки и тп-->
    <h1>Заголовок моей странички</h1> <!--h1 служит для обозначения заголовка. 
    Есть ещё h2, h3 и так до h6. самого маленького заголовка-->
    Это моя первая web-страничка! 

 </body> <!--тело также следует закрыть, после него уже не вставляем текст и тп-->

</html> <!-- закрывающий тег html обозначает закрытие файла html-->

 В дальнейшем я объясню каждый символ этошо кода, а сейчас просто повторяем за мной ))

Далее, нажимаем в верхнем меню кнопку "Кодировки" и выбираем "Кодировать в UTF-8"

Большинство сайтов рунета состоят из страниц html написанных на кодировке UTF-8. Для того чтобы наши страницы корректно отображались в браузере, мы тоже будем использовать данную кодировку.

Теперь нужно сохранить наш файл в формате html.

Не забываем, что Notepad++, это текстовый редактор, а это значит, что на данный момент мы имеем обычный текстовый файл с набором символов. Для того чтобы наш браузер отображал созданную нами текстовую страницу как веб-страницу, нам нужно сделать из нее файл с расширением html.

Для этого нажимаем в верхнем меню кнопку "Файл", затем "Сохранить как", выбираем директорию (путь) куда будет сохранен файл, сохраним его в созданной нами папке: Рабочий стол/Сайт/, далее самое главное, выбираем нужный тип файла, в нашем случае это Hyper Text Markup Language (html).

Вот и готова Ваша первая страница )) Можете двойным кликом открыть её в созданной папке, она откроется браузером который у вас установлен. 

Это ваша первая страничка и уверен не последняя. Буду готовить вам новые уроки и ждать ваших коментариев.

Поделиться в соц сетях