Иллюстрированный самоучитель по созданию сайтов

Как написать веб-страницу

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

Итак, начнем. В принципе, даже если написать простой текст в любом текстовом редакторе, то он уже может отображаться программой просмотра веб-страниц. Например, воспользуйтесь программой Блокнот (Пуск › Программы › Стандартные › Блокнот) и напишите:

Домашняя страница Сергея Сергеева.
Сергей Сергеев – писатель юморист, автор 20 рассказов.
В жизни большой любитель собак и компьютерных игр.

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

Иллюстрированный самоучитель по созданию сайтов › Как создают веб-страницы › Как написать веб-страницу
Рис. 1.2. Простой текст, загруженный в браузер

Теги HTML

Пользователь увидит эту страничку так, как показано на рис. 1.2. Это уже что-то, хотя и не слишком привлекательно: во-первых, исчезло форматирование текста (абзацы), во-вторых, – как-то скучно смотрится. Кроме того, есть такие строгие браузеры, которые вообще не отобразят этот текст, если не увидят в нем подтверждение того, что он написан на языке HTML (языке гипертекстовой разметки, на котором и пишутся веб-страницы). Расширение .html такой браузер может посчитать недостаточным подтверждением, поэтому придется написать несколько дополнительных строк:

<HTML>
  
<BODY>
    Домашняя страница Сергея Сергеева Сергей Сергеев - писатель-юморист, автор 20 рассказов. В жизни большой любитель собак и компьютерных игр.
</BODY>
  
</HTML>

Слова, заключенные в угловые скобки, являются служебными словами языка HTML. Их принято называть тегами (tags). Теги никогда не отображаются при просмотре страницы – они служат для управления оформлением.

Существуют разные транскрипции слова browser, означающего просто программу просмотра веб-страниц. Некоторые пишут “браузер”, а другие – “браузер”. Мы будем придерживаться второго варианта.

Тег <HTML>, который вы видите в первой строке, означает, что наш текст действительно написан на языке HTML. Большинство тегов языка HTML – парные. Они обязательно требует присутствия закрывающего тега. Например, в этом примере в первой строке стоит открывающий тег <HTML>, а в последней – закрывающий тег </HTML>. Все, что расположено между ними, считается.HTML-документом.

В языке HTML совершенно не имеет значения, строчными или прописными буквами записаны теги. Можно написать </HTML> или <html> – для браузера это одно и то же. Однако принято писать теги HTML прописными буквами, чтобы они лучше выделялись на фоне основного текста.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.