Напомним, что если мы хотим получить в окне браузера абзац, то мы должны поставить перед фрагментом текста открывающий тег <p> и после него закрывающий тег </p>.
Также напомним, что вся видимая часть страницы начинается с тега <body> и кончается тегом </body>.
Чтобы задать оформление всей страницы, надо вписать в открывающий тег <body> специальную команду, содержащую описание форматирования ("стиль"). Например, чтобы изменить фон страницы на красный, понадобится следующее:
<body style = "background:red" >
Если нужно несколько свойств оформления, то они перечисляются через точку с запятой. Например:
<body style="border:outset; background:red">
Также напомним, что вся видимая часть страницы начинается с тега <body> и кончается тегом </body>.
Чтобы задать оформление всей страницы, надо вписать в открывающий тег <body> специальную команду, содержащую описание форматирования ("стиль"). Например, чтобы изменить фон страницы на красный, понадобится следующее:
<body style = "background:red" >
Если нужно несколько свойств оформления, то они перечисляются через точку с запятой. Например:
<body style="border:outset; background:red">
То же самое касается оформления абзацев.
Итак, рассмотрим некоторые свойства стилей.
Свойство | Значения | Пример |
font-size (размер шрифта) | число в “пунктах” или пикселах или процентах | <p style="font-size: 14pt |
width (ширина) | width: 50%"> | |
margin-top: 14pt | ||
margin-left (отступ слева) | margin-left: 100px | |
text-align (выравнивание) | left, right, center, justify | text-align:center |
border (граница) | outset, inset, double, dotted, dashed, ridge | border-left: double red |
float (обтекание) | left, right | <img src="1.jpg" style="float:left" /> |
ЗАДАНИЯ
1. Используйте следующий исходный текст:
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах в стенах CERN - Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.
2. Вам нужно привести его к следующему оформлению:
3. Для этого необходимо вставить заголовки (всего 4 штуки, тег h2) с надписями "Кратко", "Автор", "Оригинал" и "Браузеры".
Итого: 4 заголовка, под каждым по одному абзацу.
4. В третьем абзаце вставлен рисунок
и в нем сделано обтекание слева.
5. Все слова HTML в тексте выделены полужирным курсивным шрифтом.
6. Свойства стилей всех заголовков, кроме третьего: выравнивание по правому краю, синий фон, белый текст, отступ справа 50 пикселов.
7. Свойства стилей всех абзацев, кроме третьего: ширина 70%, отступ слева 25%, выравнивание по ширине.
8. Свойства стилей третьего заголовка ("Оригинал"): зеленый фон, белый текст, отступ справа 50 пикселов.
9. Свойства стилей третьего абзаца: размер шрифта 14 пунктов, ширина 80%, выравнивание по ширине, белый фон, двойная зеленая граница.
10. Самое первое слово HTML в тексте является гиперссылкой на адрес http://ru.wikipedia.org/wiki/HTML
11. Нажмите кнопку "64" и отправьте ссылку на gossoudarev@gmail.com
Комментариев нет:
Отправить комментарий