Сергеева Диана Лазаревна учитель информатики средней школы №10 г. Ярцево 2007 г. Содержание: пояснительная записка
| Вид материала | Пояснительная записка |
СодержаниеТег разбиения текста на абзацы (…). Тег раздела (). Тег разрыва строки (). Атрибуты тегов. Горизонтальные линии на Web-странице (тег HR). Выравнивание линии Толщина линии |
- Пояснительная записка 4 Содержание программы 7 Требования к уровню подготовки выпускников, 97.02kb.
- Богданова Виктория Алексеевна bogdanov@belnet ru учитель информатики муниципальной, 62.51kb.
- Мусихин Александр Александрович, учитель физики высшей категории Воркута 2007 пояснительная, 249.87kb.
- Пояснительная записка Рабочая программа составлена на основе: авторского планирования, 143.68kb.
- Гусельникова Лидия Ивановна, учитель 1 категории Петуховской средней общеобразовательной, 909.18kb.
- Чеботарева Фаина Мэлсовна учитель математики высшей категории средней общеобразовательной, 155.8kb.
- Кустова Ольга Анатольевна, учитель истории и обществознания Уренгой, 2007 пояснительная, 173.36kb.
- Пояснительная записка Программа данного элективного курса рассчитана на 16 часов. Элективный, 74.11kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 328.22kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 428.62kb.
На предыдущем занятии мы научились создавать Web-страницу и размещать на ней текст. Но текст пока еще черно-белый, выровнен по левому краю. Сегодня мы познакомимся с тегами форматирования текстовых блоков на Web-странице. Эти теги позволят нам выводить текстовые блоки в любой части окна браузера: по левому краю, по правому краю, по центру, по ширине.
Тег разбиения текста на абзацы (
…
).Основные области Web-страниц заняты, как правило, текстом.
Текстовые блоки состоят из отдельных строк, объединенных в абзацы.
Абзацы начинаются с новой строки.
Для создания абзаца в языке HTML используются теги
и
, между которыми помещается текст абзаца. Этот тег приводит к вставке одной пустой строки. Таким образом, каждый новый абзац отделяется от предыдущего пустой строкой.Тег раздела (
).
Для структуризации текста, помимо абзацев, используются разделы. Они задаются тегами
Разделы
Для структуризации текста, помимо абзацев, используются разделы. Они задаются тегами
…
. Разделы
удобны тем, что они позволяют выровнять любой фрагмент текста, задать его размеры и расположить в нужном месте страницы. Раздел
может содержать различные элементы (текст, графические изображения, ссылки и т.п.).
Тег заголовка (Hx).
Зайдя на Web-страницу, посетитель прежде всего обращает внимание на заголовки. Заголовки позволяют разделить Web-страницу на логически законченные блоки и помогают посетителю сориентироваться в содержимом документа. Именно по заголовкам посетитель получает представление о содержании основного текста. Поэтому заголовки должны нести максимальную смысловую нагрузку.
Заголовки задаются парными тегамиx>… x), где x=1,2,…,6. В HTML определено шесть уровней заголовков от самого крупного H1 до самого мелкого H6.
Тег разрыва строки (
).
Для разрыва строки используется одиночный тег
. Этот тег заставляет браузер перенести текст на новую строку и в отличие от тега
. По умолчанию стандартная линия занимает всю ширину окна браузера, а её толщина составляет 2 пикселя. Для создания горизонтальных линий, отличающихся от стандартной, применяются атрибуты тега
. Этими атрибутами изменяют свойства стандартной линии.
Выравнивание линии задается атрибутом align (как и в случае выравнивания текстовых блоков).
Ширина линии формируется атрибутом width, который указывает значение ширины в пикселях или в процентах. Например, тег
определяет горизонтальную линию шириной 25 пикселей. Если ширина линии задается в процентах (ставится знак %), то ширина линии вычисляется относительно ширины окна. Например, запись
приводит к отображению горизонтальной линии шириной в одну четвертую окна браузера.
Задание длины линии в относительных единицах (процентах) более предпочтительно, поскольку в этом случае линии будут одинаково отображаться на пользовательских мониторах разного размера.
Толщина линии задается атрибутом size. Значение этого атрибута назначается в пикселях в диапазоне от 1 до 175. Присвоение больших значений атрибуту size не приводит к увеличению фактической толщины линии. Если значение атрибута size не задано, по умолчанию отображается линия толщиной 2 пикселя.
Пример,
По окончании изучения нового материала в тетрадях учащихся должна быть записана таблица.
Основные теги форматирования текстовых блоков.
Тег заголовка (Hx).
Зайдя на Web-страницу, посетитель прежде всего обращает внимание на заголовки. Заголовки позволяют разделить Web-страницу на логически законченные блоки и помогают посетителю сориентироваться в содержимом документа. Именно по заголовкам посетитель получает представление о содержании основного текста. Поэтому заголовки должны нести максимальную смысловую нагрузку.
Заголовки задаются парными тегами
Тег разрыва строки (
).
Для разрыва строки используется одиночный тег
. Этот тег заставляет браузер перенести текст на новую строку и в отличие от тега
не вставляет дополнительной пустой строки.
Атрибуты тегов.
Атрибуты – это компоненты тега, содержащие указание о том, как браузер должен воспринять и обработать тег.
Атрибуты вписываются внутрь открывающегося тега. В теге может быть несколько атрибутов. Тогда атрибуты отделяются друг от друга пробелами.
<Тег атрибут1= “значение” атрибут2= “значение”> текст .
Атрибут выравнивания текста (ALIGN).
Выравнивание текста по горизонтали задает атрибут ALIGN. Его возможные значения:
Left по левому краю
Center по центру
Right по правому краю
Jastify по двум сторонам окна браузера (по ширине)
Атрибуты выравнивания можно добавлять к тегам, задающим заголовки, абзацы, разделы. Например,
Горизонтальные линии на Web-странице (тег HR).
Различные части большого документа можно визуально отделить одну от другой с помощью горизонтальных линий. Для создания таких линий в HTML предусмотрен одиночный тег
. По умолчанию стандартная линия занимает всю ширину окна браузера, а её толщина составляет 2 пикселя. Для создания горизонтальных линий, отличающихся от стандартной, применяются атрибуты тега
. Этими атрибутами изменяют свойства стандартной линии.
Выравнивание линии задается атрибутом align (как и в случае выравнивания текстовых блоков).
Ширина линии формируется атрибутом width, который указывает значение ширины в пикселях или в процентах. Например, тег
определяет горизонтальную линию шириной 25 пикселей. Если ширина линии задается в процентах (ставится знак %), то ширина линии вычисляется относительно ширины окна. Например, запись
приводит к отображению горизонтальной линии шириной в одну четвертую окна браузера.
Задание длины линии в относительных единицах (процентах) более предпочтительно, поскольку в этом случае линии будут одинаково отображаться на пользовательских мониторах разного размера.
Толщина линии задается атрибутом size. Значение этого атрибута назначается в пикселях в диапазоне от 1 до 175. Присвоение больших значений атрибуту size не приводит к увеличению фактической толщины линии. Если значение атрибута size не задано, по умолчанию отображается линия толщиной 2 пикселя.
Пример,
По окончании изучения нового материала в тетрадях учащихся должна быть записана таблица.
Основные теги форматирования текстовых блоков.
Элемент | Тег | Атрибуты |
| Абзац | … | - выравнивание текста по левому краю экрана. - выравнивание текста по центру экрана. - выравнивание текста по правому краю экрана. justify"> - выравнивание текста по ширине. |
| Раздел | … | |
| Принудительный переход на новую строку | | |
| Заголовки | | align=“center”> |
| Горизонтальная линия | | - ширина линии - толщина линии |