Веб-Самоделкин. Как самому создать сайт быстро и профессионально. Алексей Гладкий
Читать онлайн книгу.
Тестовая страница в окне Интернет-обозревателя
Как видно на рисунке, заголовок страницы, который отображается вверху окна Интернет-обозревателя, и основной ее текст полностью соответствуют программному коду. На этом можете себя поздравить: вы только что создали простейшую веб-страницу.
Теперь доработаем нашу веб-страницу, чтобы придать ей более эргономичный вид. Вначале, используя теги и , озаглавим содержащийся на странице текст. Для этого дополним программный код так, как показано на рис. 2.6.
Добавление в программный код заглавия текста
Обратите внимание – теги и и находящийся между ними текст расположены внутри тегов и , а также перед основным текстом.
Теперь сделаем так, чтобы слово отображалась курсивом, а слово – полужирным шрифтом. Для этого предназначены пары тегов соответственно и . В результате внесения необходимых дополнений исходный код нашей веб-страницы должен выглядеть так, как показано на рис. 2.7.
Добавление курсивного и полужирного начертания
Теперь изменим цвет фона страницы. Для этого применим атрибут тега . Отметим, что этот атрибут не является обязательным: если он не используется – цвет фона по умолчанию будет белым (в чем мы уже могли убедиться). Сделаем цвет фона нашей страницы желтым, дополнив ее программный код так, как показано на рис. 2.8.
Изменение цвета фона веб-страницы
При желании мы можем изменить и цвет шрифта, сделав его, например, голубым. Для этого вновь немного доработаем наш программный код, используя для этого атрибут тега . Этот атрибут также не является обязательным: если он не используется, то цвет шрифта по умолчанию будет черным (в этом мы тоже уже могли убедиться).
Чтобы цвет шрифта стал голубым, код нашей веб-страницы должен выглядеть так, как показано на рис. 2.9.
Изменение цвета шрифта веб-страницы
Теперь сохраним все выполненные изменения и откроем нашу веб-страницу в окне Интернет-обозревателя. Результат выполненных действий показан на рис. 2.10.
Веб-страница после выполненных доработок
Как видно на рисунке, в соответствии с изменениями программного кода слово написано курсивом, слово – полужирным шрифтом, а над основным текстом появился заголовок. Кроме этого, изменился фон цвет фона страницы и цвет шрифта, которым отображается текст.
Как мы уже отмечали ранее, одним из основных элементов любой веб-страницы является гиперссылка. Именно с помощью гиперссылок пользователи Интернета имеют возможность безгранично путешествовать по Сети, переходя с сайта на сайт. Поэтому следующим элементом, который мы добавим на нашу веб-страницу, будет гиперссылка.
Вначале нам нужно решить, куда именно