Всероссийское общество слепых
продает: · Электромоторы 180, 270 вт. · Электромоторы 5.5 квт. · Деревообрабатывающий станок СФ-4. вложенными, т.е. сочетающими в себе элементы того и другого списков. В нумерованном списке (Ordered list) каждому элементу предшествует его порядковый номер. Чтобы программа просмотра правильно расставила номера, нужно использовать теги разметки: <ol> <li> элемент списка <li> элемент списка <li> элемент списка </ol> В маркированном списке (Unordered list) каждому элементу списка предшествует символ bullers (пуля). Для создания маркированного списка используются теги: <ul> <li> элемент списка <li> элемент списка <li> элемент списка </ul> Вложенный список (Nested list) включает элементы обоих списков: <ol> <li> элемент списка <ul> <li> элемент списка <li> элемент списка </ul> <li> элемент списка </ol>
Пример странички, организуемой с помощью списков. <html> <head><title>Советы по использованию WEB-страничек</title> </head> <body> <h2 align = left> Советы по изготовлению страничек </h2> <ol> <li>Чаще обновляйте странички <li>Не используйте редкий шрифт <li>Не перегружайте страничку большими изображениями <li>Перед тем как положить готовую страничку на сервер, надо: <ul> <li>Проверить грамматические ошибки <li>Просмотреть страничку в различных программах просмотра </ul> </ol> </body> </html> Результат выполнения программы:
Пример WEB-странички, включающей заголовки, параграфы и элементы редактирования. <html> <head> <title> моя страничка </title> </head> <body> <h1 align=center > Привет! Это моя личная страничка! </h1> <h2> Мой город </h2> <p> Я живу в Москве </p> <h3 align=left> Моя школа </h3> <p align=left> Я учусь в школе №26 </p> <h4 align=center> Мои увлечения </h4> <p align=center> Мои увлечения – музыка, спорт </p> <h5 align=right> Мои друзья </h5> <p align=right> Мои друзья учатся со мной в одном классе. </p> <br> <hr> <h6 align=center> Design "Luch" </h6> </body> </html>
Результат выполнения программы:
При создании WEB-странички можно задать цвет фона и цвет шрифта. Для изменения цвета фона и шрифта всей странички используются следующие параметры тега <body>: bgcolor- цвет фона странички; text- цвет текста странички; Для редактирования фрагмента текста используется парный <font> и </font>, в котором можно задать тип шрифта (параметр type), цвет шрифта (параметр color) и размер шрифта (параметр size). Пример форматирования фрагмента текста: <html> <head> <title> личная страничка </title> </head> <body> <p align=center>Привет! Это моя <font facee=”normal” color=blue size=+2> личная страничка </font > страничка </p> <body> <html>
Результат выполнения программы.
В данном примере фрагмент текста «личная страничка» будет оформлен шрифтом Normal, окрашен с синий цвет, размер шрифта будет увеличен на два пункта. Ниже приведена таблица, в которой указаны коды некоторых цветов в шестнадцатиричном формате.
Пример WEB-странички, размещенной на белом фоне и имеющей шрифт различного цвета. <html> <head> <title> Моя страничка </title> </head> <body bgcolor=”ffffff” text="0000ff"> <p> На данной страничке текст и изображения будут располагаться на белом фоне. </p> <p> Шрифт может быть <font color="#0000A0"> разного </font> цвета. </p> </body> </html> Практическое задание Используя редактор текста Блокнот (Note Pad) выполните последовательно следующие пункты задания для разработки WEB-странички: 1. Поместите в WEB-страничку: - заголовки нескольких уровней, выровненные по центру, по левому или правому полю; - параграфы с текстом, выровненные по центру, по левому или правому полю; - списки. 2. Отредактируйте фрагменты текста WEB-странички различными способами: - полужирным шрифтом; - курсивом; - различным размером шрифта; - различным типом шрифта; - подчеркиванием.
Популярное: Почему двоичная система счисления так распространена?: Каждая цифра должна быть как-то представлена на физическом носителе... Личность ребенка как объект и субъект в образовательной технологии: В настоящее время в России идет становление новой системы образования, ориентированного на вхождение... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (393)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |