Вебмастер | Программы | Хостинг | Начальные сведения
HTML-код | Каскадные стили | JavaScript | PHP - серверный скрипт | MySql - база данных | Продвижение | Сервисы
Создание веб-страниц (HTML)
Ниже будут даны начальные сведения по структуре веб-страницы.
За отображение информации на веб-странице отвечают тэги. Именно на них и стоит обратить внимание в первую очередь. Тэгов ограниченное число, а те, которые Вам будут нужны регулярно, легко запомнятся после пары занятий.
Тэгами называют последовательность угловых скобок с заключенной между ними информацией
(<...>).
Называют тэги обычно по первым буквенным обозначениям следующим за открывающей угловой скобкой.
Например, <p> - параграф (p - сокращенное название "paragraph" на английском),
<b> - полужирный текст (b - сокращенное название "bold" на английском),
<h> - заголовок (h - сокращенное название "heading" на английском).
Это были примеры открывающих тэгов.
Чтобы сообщить броузеру, что команда делать шрифт жирным закончилась,
нужен закрывающий тэг - </b>.
Соответственно </p> - закроет параграф (абзац).
Итак, тэги ответственны за форматирование веб-страницы.
Если часть текста веб-страницы заключить в тэг <b>, то мы получим полужирный текст:
<b>этот текст будет полужирным</b>.
На картинке Вы видите пример кода пустой веб-страницы; тэги "подсвечены" (выделены цветами) для лучшей визуализации кода страницы (это позволяют делать специальные редакторы, с помощью некоторых улучшенных версий блокнота Вы можете получить тот же результат)
(cкачать пример пустой страницы).
Структура веб-страницы
Перед Вами отображение броузером кода файла HTML приведенного выше.
В любом файле всегда есть служебная информация, которая не отображается на экране.
Чтобы Вы смогли увидеть в Вашем броузере код как на картинке выше,
кликните правой мышкой по любому пустому месту открытой страницы,
выберите Просмотр HTML-кода
или кликните по самому разархивированному файлу правой мышкой,
выберите Открыть с помощью и выберите блокнот (=notepad).
В нашем примере броузер отобразит лишь информацию из двух строчек 4-ой и 15-ой
(между тэгами <title> и </title> (заголовок документа),
<body> и </body> (тело документа)).
Т.е. теперь Вы имеете возможность программировать или изменять код страницы,
а чтобы видеть результат изменений, Вам придется работать поочередно в двух окошках:
в редакторе (блокнот) и в броузере
(после каждого изменения кода надо сохранить старничку в редакторе (Ctrl+S), затем вернуться в броузер и нажать клавишу F5, чтобы обновить изменения на веб-страничке).
Нашим "рабочим местом" в рассматриваемом файле будут строки между 13-ой и 17-ой, точнее между тэгами <body> и </body>. Эти тэги заключают код, который должен отображаться броузером.
Чуть позже мы научимся создавать динамические веб-странички с использованием JavaScript.
Дальше: Форматирование текста веб-страницы.