Листинг 4.8. Исходный код страницы перед вставкой маркированного списка

Здесь мы научимся создавать сайты.

Для этого будем использовать программу NeonHtml.

Полученные знания применим на практике.

Нажимаем кнопку Инструмент создания списков, и в открывшемся окне настраиваем параметры маркированного списка так, как это показано на рис. 5.28.

Рис. 5.28. Пример настройки маркированного списка

После нажатия в данном окне кнопки ОКисходный код нашей веб-страницы будет выглядеть так, как показано в листинге 4.9.

Листинг 4.9. Исходный код веб-страницы после создания маркированного списка

Здесь мы научимся создавать сайты.

Для этого будем использовать программу NeonHtml.

• Пункт первый

• Пункт второй

• Пункт третий

• Пункт четвертый

Полученные знания применим на практике.

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

Рис. 5.29. Маркированный список

Теперь удалим из исходного кода нашей веб-страницы фрагмент, который формирует маркированный список (код должен выглядеть, как в листинге 4.8), и создадим нумерованный список. Нажимаем кнопку Инструмент создания списков, и в открывшемся окне настраиваем параметры списка так, как показано на рис. 5.30.

Рис. 5.30. Пример настройки нумерованного списка

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

Листинг 4.10. Исходный код веб-страницы после создания нумерованного списка

Здесь мы научимся создавать сайты.

Для этого будем использовать программу NeonHtml.

• Пункт первый

• Пункт второй

• Пункт третий

• Пункт четвертый

Полученные знания применим на практике.

После сохранения выполненных изменений и открытия страницы в окне Интернет-обозревателя она будет выглядеть так, как показано на рис. 5.31.

Рис. 5.31. Нумерованный список

Аналогичным образом осуществляется формирование выпадающих и многострочных списков.

Поскольку без гиперссылок не обходится ни одна веб-страница, в программе NeonHtml реализована возможность автоматической вставки гиперссылок. Для решения данной задачи необходимо перейти на вкладку Ссылка, содержимое которой показано на рис. 5.32.

Рис. 5.32. Вкладка Ссылка

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

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

Рис. 5.33. Формирование гиперссылки

Как видно на рисунке, данное окно состоит из двух вкладок: Параметрыи Стиль. На вкладке Параметрыосуществляется собственно формирования гиперссылки, а на вкладке Стильможно настроить ее оформление.

Первое, что нужно сделать – это выбрать из раскрывающегося списка протокол гиперссылки. Например, если вы хотите сделать ссылку на другой веб-ресурс – выберите в этом списке значение http://или https://, если нужно сделать ссылку на электронный адрес – выбирайте значение mailto:, а если нужно сослаться на файл, находящийся в компьютере – укажите значение На диске, и т. д. После этого в расположенном справа поле нужно ввести конкретный адрес, куда будет вести гиперссылка. Если это находящийся на диске файл – то для заполнения данного поля нужно нажать расположенную справа от него кнопку, и в открывшемся окне по обычным правилам Windows указать путь к требуемому файлу. В остальных случаях адрес гиперссылки вводится с клавиатуры.