Создание и разработка баз данных в Access

Вебмастер | Программы | Хостинг | Начальные сведения

HTML-код | Каскадные стили | JavaScript | PHP - серверный скрипт | MySql - база данных | Продвижение | Сервисы

Создание веб-страниц (HTML)

Ниже будут даны начальные сведения по структуре веб-страницы.

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

Тэгами называют последовательность угловых скобок с заключенной между ними информацией (<...>). Называют тэги обычно по первым буквенным обозначениям следующим за открывающей угловой скобкой. Например, <p> - параграф (p - сокращенное название "paragraph" на английском), <b> - полужирный текст (b - сокращенное название "bold" на английском), <h> - заголовок (h - сокращенное название "heading" на английском).
Это были примеры открывающих тэгов.
Чтобы сообщить броузеру, что команда делать шрифт жирным закончилась, нужен закрывающий тэг - </b>. Соответственно </p> - закроет параграф (абзац).

Итак, тэги ответственны за форматирование веб-страницы. Если часть текста веб-страницы заключить в тэг <b>, то мы получим полужирный текст:
<b>этот текст будет полужирным</b>.

На картинке Вы видите пример кода пустой веб-страницы; тэги "подсвечены" (выделены цветами) для лучшей визуализации кода страницы (это позволяют делать специальные редакторы, с помощью некоторых улучшенных версий блокнота Вы можете получить тот же результат) (cкачать пример пустой страницы).

пример кода пустой веб-страницы


Структура веб-страницы

пример отображения веб-страницы браузером 'Интернет Эксплорер (IE)' Перед Вами отображение броузером кода файла HTML приведенного выше. В любом файле всегда есть служебная информация, которая не отображается на экране. Чтобы Вы смогли увидеть в Вашем броузере код как на картинке выше, кликните правой мышкой по любому пустому месту открытой страницы, выберите Просмотр HTML-кода или кликните по самому разархивированному файлу правой мышкой, выберите Открыть с помощью и выберите блокнот (=notepad). В нашем примере броузер отобразит лишь информацию из двух строчек 4-ой и 15-ой (между тэгами <title> и </title> (заголовок документа), <body> и </body> (тело документа)).
Т.е. теперь Вы имеете возможность программировать или изменять код страницы, а чтобы видеть результат изменений, Вам придется работать поочередно в двух окошках: в редакторе (блокнот) и в броузере (после каждого изменения кода надо сохранить старничку в редакторе (Ctrl+S), затем вернуться в броузер и нажать клавишу F5, чтобы обновить изменения на веб-страничке).

Нашим "рабочим местом" в рассматриваемом файле будут строки между 13-ой и 17-ой, точнее между тэгами <body> и </body>. Эти тэги заключают код, который должен отображаться броузером.

Чуть позже мы научимся создавать динамические веб-странички с использованием JavaScript.

Дальше: Форматирование текста веб-страницы.