Алексей Гладкий

Веб-Самоделкин. Как самому создать сайт быстро и профессионально


Скачать книгу

это делается.

      Откроем в Интернет-обозревателе Internet Explorer какую-либо страницу, например, сайт газеты «Советский спорт» – www.sovsport.ru (рис. 2.1).

       Страница для просмотра HTML-кода

      Теперь выполним команду главного меню – в результате на экране откроется окно используемого по умолчанию текстового редактора (как правило, это «Блокнот»), в котором будет представлен исходный код открывшейся страницы (рис. 2.2).

       Просмотр HTML-кода

      На данном рисунке представлен лишь небольшой фрагмент HTML-кода данной страницы, поскольку весь код является довольно объемным, и чтобы просмотреть его полностью, нужно использовать полосы прокрутки.

      При необходимости вы можете вывести HTML-код на печать – для этого используйте штатную команду редактора «Блокнот» , вызываемую также нажатием комбинации клавиш .

      Отметим, что в разных Интернет-обозревателях команда, предназначенная для просмотра HTML-кода, может называться по-разному. Например, в обозревателе Mozilla Firefox она также находится в меню , но называется , и ее можно вызвать также нажатием комбинации клавиш .

      Создание простейшей веб-страницы

      В данном разделе мы на конкретном примере проиллюстрируем, как написать простейшую веб-страницу на языке программирования HTML.

      Работать мы будем в любом текстовом редакторе, позволяющем сохранять созданные файлы с расширением . Если вы пользуетесь операционной системой Windows, то вполне подойдет текстовый редактор «Блокнот», который входит в комплект ее поставки.

      Итак, по обычным правилам работы в текстовом редакторе вводим в окне код, который представлен на рис. 2.3.

       Начальный этап создания простейшей веб-страницы

      То, что мы сейчас сделали, можно назвать предварительной разметкой простейшей веб-страницы. Пока еще наша страница не содержит никаких сведений, и если сохранить ее в таком виде, то при последующем открытии ее в окне Интернет-обозревателя это окно будет пустым.

      А текст, который мы ввели, представляет собой три пары тегов HTML-документа. Отметим, что большинство тегов языка HTML используются в паре: первый тег называется открывающим, а второй – закрывающим. Все закрывающие теги имеют в начале наклонную черту (например, на рис. 2.3 закрывающими тегами являются , и ).

      Теги и предназначены для идентификации HTML-документа. Открывающий тег этой пары всегда следует в самом начале программного кода, а закрывающий тег – в самом его конце. Иначе говоря, тегом начинается программный код страницы, а тегом он завершается.

      ВНИМАНИЕ

      Пара тегов <html> и </html> является обязательным атрибутом любого HTML-документа.

      С помощью пары тегов