Для того чтобы Web-браузер, например, Mazilla Firefox, правильно вывел на экран страницу сайта необходимо, чтобы содержимое этой страницы было оформлено с помощью некоторых инструкций, которые называются тегами HTML.
Всё содержимое каждой страницы сайта (ещё говорят, текст HTML-документа) должно быть расположено между тегами <html> и </html>. Теги выделяются в тексте с помощью символов < (больше) и > (меньше). Сам текст HTML-документа состоит из двух частей: из заголовка, заключенного между между тегами <head> и </head>, и содержательной части, которая расположена между тегами <body> и </body>. Всё вышесказанное я прочитал в книжках (например, фундаментальная и толстая(!) книжка, автор которой Николай Анатольевич Прохоренок, "HTML, JavaScript, PHP и MySQL - Джентльменский набор Web-мастера") и на многочисленных сайтах, посвящённых сайтостроению.
Итак, я создал папку I make site, запустил Notepad++ и в нём набрал и аккуратно расположил текст, который приводится во всех книжках и сайтах по Web-дизайну (я его выделил синим цветом), и сразу же поместил в содержательную часть страницы между тегами <body> и </body> свои идеи по её оформлению (вместо приветствия "Привет, мир!", которое обычно приводится в руководствах по сайтостроению).
Я сохранил этот текст в файле make_site_how.html, который поместил в папку I make site. Затем в меню Notepad++ я выбрал пункт Запуск, а в выпавшем меню пункт Launch in Firefox. И на экране в окне браузера появилась моя первая страничка.( Если найдётся кто-нибудь, кто захочет проверить так ли это, то можно скопировать вышеприведённый текст HTML-документа и сохранить его так же, как и я, в файле make_site_how.html или в файле с другим именем и расширением .html. Затем нужно вызвать браузер, например, Mazilla Firefox и в нём открыть этот файл).
М-да! Весь текст подряд! В Notepad++ получилось приятнее для глаз! Утешает только одно - в браузере Firefox под меню и над адресной строкой появилась закладка, на которой написано тоже самое, что и между тегами <title> и </title> - Моя первая страница сайта. Это первый успех! Значит, каждая страница сайта будет иметь своё название, если его ввести в заголовке страницы между тегами <title> и </title>.
Кстати, из раздела заголовка <head> на экран выводится только тег <title>. Остальные теги играют вспомогательную роль и на экран не выводятся.
Посмотрим, что произойдёт с содержательной частью страницы, если моим идеям задать теги форматирования и стили их оформления.