постановка задачи, включающая в себя:
о анализ с>тдеств>то1щгх коюздлфующнх и/ипи родственных проектов;
о выработку концепщш;
2. подготовка nq:>BOHa4anbHoro информационного наполнения;
3. разработка макетов страниц;
4. подготовка шаблонов страниц;
5. проектирование и реализация сервисов;
6. сборка всех компонентов воедино;
7. тесшрование;
8. ввод в эксплуатацию;
9. пожизненное сопровождение — информационное наполнение и техническая
поддержка.
•тЯШМ
Рис. 2.9. Пример использования списков
Внешний вид страницы, использующей различные типы списков, показан на
рис. 2.9.
Как видим, списки могут быть вложенными друг в друга. Число уровней
вложенности может быть произвольным; вкладывать друг в друга можно
списки как одного и того же, так и разных типов.
Логическое выделение
Часто бывает необходимым акцентировать внимание читателя на каких бы то
ни было словах или фразе в тексте.
ч
Для этих целей в (4TML предусмотрены теги (от слова emphasis —
выразительность, ударение) и (сильное, мощное выделение). Графиче-
Глава 2. Создание простейших страниц с помощью языка разметки HTML 93
ские браузеры, как правило, выделяют содержимое контейнера .. .еш>
курсивным начертанием, а содержимое элемента .. .—
полужирным. Программы синтеза речи выделяют фрагменты текста,
размеченные подобным образом, при помощи интонации.
Следует подчеркнуть, что теги и определяют элементы
логической разметки данных. Их основное назначение НЕ состоит в выделении
текста курсивом или полужирным шрифтом. Если существует потребность
оформить некий фрагмент текста тем или иным начертанием без придания
этому смысла какого бы то ни было логического ударения, то лучше для
этого использовать CSS.
( Примечание ^
В HTML существуют теги и , позволяющие выделить ограниченный
определенными ими контейнерами текст курсивным и полужирным начертанием
соответственно. Равно как и есть тег , позволяющий подчеркнуть текст
линией, а также тег , предназначенный для перечеркивания текста.
Использовать их все, тем не менее, крайне не рекомендуется, ибо эти теги нарушают
принцип разделения содержания и представления, являя собой элементы никак
не структурной, а визуальной разметки. Задачи, реализуемые этими тегами,
предпочтительнее решать с помощью CSS.
:.-^шШ^Ш^йШШШШШк?!^5^м58Щ^^
j^ffifrP ПИ?:
О * Ф * $? i^P $f Г^^^^^’ю^^ «» ~~3I Q Нарайи* Щ
life
Ни в коем случае не следует подменять логику построения документа
его визуальным иребсшааче.нием. Теги логического ударения
НЕ предназначены для выделения фрагментов текста куреганьгм игаг
поил- жггрньш начертанием I
Рис. 2.10. Страница, содержащая теги логического ударения
По традиции, приводим пример (листинг 2.9) использования тегов и
.
|Р||^^ * * * j
Ни в коем случае не следует подменять логику построенияеш>
94
Часть I. Технологические основы
документа его визуальным представлениемет>. Теги логического
ударения HE предназначены^strong> для выделения фрагментов
текста курсивным или полужирным начертанием!р>
Результат отображения текста, размеченного тегами логического ударения,
в графическом браузере демонстрируется на рис. 2.10.
Гипертекстовые ссылки
Гипертекстовые ссылки — основа идеологии Всемирной паутины. Об их
назначении; о том, что такое гипертекст и гипермедиа, было сказано многое, но
только теперь мы приблизились вплотную к тому, чтобы обсудить, каким
именно образом определяются гипертекстовые ссылки в HTML.
Гипертекстовые ссылки задаются с помощью тега . В атрибуте href этого
тега должен быть указан URI того объекта, на который ведет ссылка.
Элемент, определяющий гипертекстовую ссылку, является элементом-
контейнером, поэтому ему положен закрывающий тег а>. Между
открывающим и закрывающим тегами, в простейшем случае, может располагаться
какая-либо надпись, раскрывающая назначение ссылки. Но внутри
контейнера вполне может быть и элемент другого рода — скажем, ссылкой может
являться графическое изображение.
( Примечание ^
При наведении курсора мыши на ссылку в статусной строке браузера (той,
что обычно помещается внизу окна) отображается URI ресурса, на который
ведет ссылка.
|
5th Фев 2011
|
Теги:
|