Структура веб страницы. Из чего же состоит html страница. Как создать html страницу в блокноте.


Давайте рассмотрим, из чего состоит html страница и как создать страницу в блокноте. Веб страница состоит из трёх основных составляющих частей это: HTML, HEAD, BODY. Вот как выглядит html страница внутри, но это только минимум необходимого для веб страницы. Смотрите пример содержания html страницы его я выделил красным цветом.


<HTML>
<HEAD>
</HEAD>
<BODY>
Между этими тегами будет содержание страницы доступный пользователю вашего сайта.
</BODY>
</HTML>

Теперь для начала создадим веб страницу с помощью текстового редактора обычного блокнота, а чуть позже мы научимся писать сайты с более удобными программами. Для начала создаём текстовый документ с помощью обычного блокнота. Потом скопируйте и вставьте html структуру, которая находится выше в текстовый документ, который вы создали. Далее в блокноте в меню как показано на рисунке нажимаете "файл"

Как создать html страницу в блокноте

Далее в открывшемся меню выберите "Сохранить как" откроется новое окошко в строке "Имя файла" вводим "index.html" и сохраняем.

Как сделать веб страницу в блокноте

Ну вот и всё мы создали html страницу в блокноте теперь попробуйте открыть её с помощью "Internet Explorer" достаточно набрать в Internet Explorer "C:\index.html" если ваш файл "index.html" находится на диске "C" .Вот так должно выглядеть как указано на рисунке ниже. Как видите текст, помещенный между тегами BODY видно в браузере.

Как создать html страницу в текстовом редакторе блокноте

А если вместо текста появились непонятные символы в меню Internet Explorer нажмите на "вид" далее "кодировка" потом "автовыбор" должно исправиться если не поможет можете ещё другие варианты попробовать.

На этом уроке мы изучили лишь основную структуру HTML документа, на второй части урока мы продолжим изучать структуру страницы сайта более детально, добавим все необходимые составные веб страницы. Если вы решили создать свой html сайт то вам надо обязательно посетить вторую часть урока по созданию страницы html она будет ещё интересней и познавательней!



Рейтинг@Mail.ru   Яндекс.Метрика