Заметка: активирована адаптивная версия сайта, которая автоматически подстраивается под небольшой размер Вашего браузера и скрывает некоторые детали сайта для удобства чтения. Приятного просмотра!

Здравствуйте уважаемые читатели блога Site on! В прошлый раз мы говорили об – языка гипертекстовой разметки. Сегодня у нас с вами будет вступительная статья в практику по созданию сайтов. А именно, сегодня мы создадим нашу первую веб-страницу всего за пару минут, и узнаем все подробности об её составляющих.

И так, ниже представлен макет самой простой веб-страницы:

Как создать веб страницу? И здесь пишем любой интересующий нас текст.

Скопируем этот код в наш текстовый файл (блокнот) и не забываем поменять расширение файла на.html Таким образом мы получим готовую веб-страницу. Можете перетянуть её прямо в ваш браузер и насладиться результатом, а затем давайте же разберёмся во всём по порядку.

Тег!DOCTYPE

Первое, что появляется у нас в коде - это не закрывающийся тег

вместе с его описанием. Без этого тега, между прочим, наша страница тоже работала бы, НО! Но писать его обязательно, так как он служит указателем для браузеров: какой разметкой и её версией мы собираемся дальше пользоваться (XHTML, HTML). Без указания DOCTYPE (типа документа) браузеры, из-за отсутствия информации о вашей страничке, автоматически переходят в таинственный Quirks Mode (эдакий режим совместимости), поведение которого абсолютно не предсказуемо для вашего сайта.

Нам же нужно правильное отображение сайта, а значит, мы хотим, чтобы браузер использовал второй из двух своих режимов - Standards Mode. Но просто указать тег

мало, нужно также дать браузеру его полное описание, а именно

Тег link – ссылается на (подключает к сайту) внешний файл стилей.

Тег script – подключает к данной странице скрипт.

Но о тегах link и script мы поговорим подробнее немного позже.

… – между данными тегами содержится название сайта или текущей страницы, которая отображается в браузере.

3. Тег …

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

Заключение

Спешу вас порадовать, из этого урока вам стоит запомнить только то, что есть определенные стандарты (некая строгая структура) в построении HTML документа. Достаточно один раз сделать шаблон пустой страницы:

Заголовок страницы

В следующем уроке мы познакомимся с тегами, которые отвечают за форматирования текста на страницах сайта. Хочу сразу заметить, что это весьма важная тема т.к. текстовая информация и на сегодняшний день доминирует на страницах сайтов.

This entry was posted in . Bookmark the .