Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 50 стр.

UptoLike

27. Опишите результат, полученный при выполнении тега:
<IMG src="foto.jpg" width="234" height="465" align="right" border="2">.
28. Запишите тег, позволяющий вставить на страницу кнопку.
29. Какие атрибуты позволяют задавать цвет и фон страницы? В каком теге их необходимо разместить?
30. Для каких целей используются таблицы?
31. Какой тег служит для определения таблицы?
32. Назовите задачи тегов <TR> и <TD>.
33. Какая таблица будет построена в результате выполнения следующего фрагмента кода?
<TABLE BORDER=2 WIDTH="75%">>
<TR>
<TD>Текст 1</TD>
<TD ROWSPAN=2>Текст 2</TD>
<TD>текст 3</TD>
</TR>
<TR>
<TD>Текст 4</TD> <TD>Текст 5</TD>
</TR>
</TABLE>
34. Что такое формы?
35. Какие основные элементы используются в формах? Дайте характеристику каждого элемента.
3. ТЕХНОЛОГИИ КАСКАДНЫХ ТАБЛИЦ СТИЛЕЙ
Дизайн Web-узловэто точное размещение компонентов HTML-страниц относительно друг друга в рабочей области
окна браузера.
Неточность данного определения Web-дизайна очевидна. В нем не учтены ни цвет, ни форма, ни другие свойства ком-
понентов HTML-страниц. Главное в этом определениипоказать ограниченность возможностей HTML-разметки. Позицио-
нирование компонентов на странице является одним из самых слабых мест в HTML.
Компонентами страницы являются: блоки текста, графика и встроенные в страницу приложения. Размер и границы ка-
ждого из этих компонентов в рамках HTML-разметки задаются с разной степенью точности. Размер графики и приложений
можно задать с точностью до пикселя. Размеры текстовых блоков в HTML задать нельзя. Они вычисляются браузером на
основе относительного размера шрифта умолчания.
Автор страницы не может заранее определить настроек браузера пользователя, что существенно ограничивает число
вариантов представления информации на странице.
Спецификация CSS(C
ascading Style Sheets) позволяет остаться в рамках декларативного характера разметки страницы и
дает полный контроль над формой представления элементов HTML-разметки.
Каскадные таблицы стилей призваны разрешить противоречие между точностью определения размеров картинок и
приложений, с одной стороны, и точностью определения размеров блоков текста и его начертания, с другой.
Кроме размера компонентов, таблицы стилей позволяют определить цвет и начертание текстового фрагмента, изменять
эти параметры внутри текстового блока, выполнять выравнивание текстового блока относительно других блоков и компо-
нентов страницы.
Наличие всех этих возможностей позволяет говорить о CSS как о средстве разделения логической структуры документа
и формы его представления. Логическая структура документа определяется элементами HTML-разметки, в то время как
форма представления каждого из этих элементов задается CSS-описателем элемента.
CSS позволяет полностью переопределить форму представления элемента разметки по умолчанию. Например, <i>...</i>
определяет отображение текста курсивом:
<i>Отобразим текст курсивом</i>
В результате на странице получим:
Отобразим текст курсивом
А теперь переопределим стиль отображения для элемента разметки i:
<i style="text-decoration:underline;font-style:normal;">
Отобразим текст курсивом
</i>
Результат показан на рис. 22.
Рис. 22