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

Как видно на рисунке, наша страница состоит из трех элементов: название страницы, заголовок первого уровня, а также основной текст. Теперь просмотрим результат (рис. 4.13), воспользовавшись командой главного меню Вид ► Просмотр в браузере(эта команда вызывается также нажатием клавиши F11).

Рис. 4.14. Добавление формы на веб-страницу

Обратите внимание – на данном рисунке включена нумерация строк. Мы это сделали для того, чтобы в дальнейшем было проще ориентироваться в программном коде.

Далее действуем следующим образом. Установим курсор в строку № 09 (она в данный момент является пустой), и нажмем в инструментальной панели вкладки кнопку Текстовое поле(напомним, что названия кнопок инструментальной панели отображаются в виде всплывающих подсказок при подведении к ним указателя мыши). В результате в программный код страницы будет добавлен фрагмент, необходимый для вставки в форму текстового поля (рис. 4.15).

Рис. 4.16. Добавление в форму нескольких элементов

Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранитьлибо нажатием комбинации клавиш Ctrl+S, и просмотрим полученный результат в окне Интернет-обозревателя (рис. 4.17), выполнив для этого команду главного меню Вид ► Просмотр в браузере.

Рис. 4.18. Вкладка HTML/Текст

Даже не читая названия кнопок инструментальной панели (напомним, что они появляются во всплывающих подсказках) нетрудно догадаться, для чего предназначены многие из них. Например, первая слева кнопка используется для вставки горизонтальной линии, кнопка рядом с ней – для вставки разрыва и перехода на новую строку (то есть для формирования абзацев), следующая кнопка предназначена для вставки пробела, и т. д. Также вы можете применять полужирное, курсивное и подчеркнутое начертания, выравнивать текст, вставлять гиперссылки, и т. д. Отметим, что применение способов начертания, а также некоторых других приемов оформления и форматирования осуществляется к предварительно выделенному фрагменту. Например, если вы хотите в программном коде, который представлен на рис. 4.16, включить полужирное начертание слова страница, то вначале нужно выделить его, а затем в инструментальной панели нажать кнопку Жирность(на ней изображен символ В). В результате строка 07 в программном коде будет выглядеть так: Эта страница создана для примера.

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

. Если перед нажатием данной кнопки был выделен какой-либо текстовый фрагмент, то он будет помещен между этими тегами. Если же текст предварительно не выделялся, то теги появятся в том месте, где находится курсор.

После кнопки Новый параграфследуют четыре кнопки, которые предназначены для размещения текста на странице. Эти кнопки перечислены ниже.

• Расположить по левому краю– при нажатии данной кнопки текст выравнивается по левому краю, а в программный код добавляется фрагмент