Язык разметки гипертекста HTML Занятие 3 © Николаева Вера Александровна, 2010 - 2011 - презентация

1 Язык разметки гипертекста HTML Занятие 3 © Николаева Вера Александровна,

2 1. Вставить готовый текст, приготовленный в процессоре MS Office Word, на web-страницу можно 2-мя способами. Способ 1. Меню Вставка, Файл. Текст на web-странице © Николаева Вера Александровна, Недостаток этого способа: вместе с текстом MS Word «принесет» с собой и все параметры форматирования абзацев, что «замусорит» код web-страницы. Способ 2. Скопировать текст через буфер обмена сначала в программу Блокнот (чтобы освободить его от параметров форматирования MS Word-a), а затем повторно скопировать его на web-страницу из Блокнота – в web-редактор. Этот способ предпочтительнее способа 1 тем, что на web-страницу будет скопирован «чистый» текст, без параметров форматирования, а значит и код html web- страницы останется «чистым».

3 2. Основной текст web-страницы разбивают на абзацы. Число строк в абзаце – не более 7 – 8 (бОльшее число строк в абзаце допустимо только в исключительных случаях). Текст на web-странице © Николаева Вера Александровна, Способ 2. Комбинацией клавиш Shift + Enter (вспомним принудительный переход к следующей строке внутри абзаца в MS Word). Тогда тег заменяется на тег или несколько Для разбиения на абзацы используют Способ 1. Клавишу Enter, тогда ………………………….. Текст 1-го абзаца ………………………….. Текст 2-го абзаца В этом случае способы выравнивания абзацев могут отличаться. 1-й может быть выровнен по левому краю, например, а 2-й по ширине и т.д. ………………………….. Текст 1-го абзаца ………………………….. Текст 2-го абзаца В этом случае способы выравнивания абзацев одинаковые.

4 3. Для разделения абзацев можно использовать Текст на web-странице © Николаева Вера Александровна, Способ 1. Горизонтальную линию или горизонтальную линию с атрибутами Способ 1. Горизонтальную линию или горизонтальную линию с атрибутами Способ 2. Рисунок-орнамент в отдельном абзаце

5 4. Для создания интервала между абзацами используют Текст на web-странице © Николаева Вера Александровна, Способ 1. Несколько непарных тегов … Тогда зрительно кажется, что это – разные абзацы. Хотя способ выравнивания всех фрагментов – один и тот же, так как все-таки это – один абзац. Способ 2. Пустой абзац с пробелом Пустые абзацы без пробелов браузерами игнорируются!!! Способ 3. Веб-редактором - командой меню Формат, Абзац. Например, …

6 5. Основной текст абзаца в русском языке принято выравнивать по ширине Текст на web-странице © Николаева Вера Александровна, … 6. Для создания красной строки используют команду меню Формат, Абзац. Например, … 7. Для создания отступа абзаца слева и справа Способ 1. Используют парный тег … Способ 2. Используют кнопку на панели инструментов Форматирование веб-редактора. или 2, 3, и т.д. таких парных тегов.

7 8. Для размещения текста в несколько колонок используют таблицу без обрамления (border="0"). Текст на web-странице © Николаева Вера Александровна, Задание. На странице history-font.htm выберите любой абзац основного текста (например, 3-й) и отработайте на его примере всю теорию этой презентации. Затем задайте последовательно все возможные параметры абзацу с помощью меню Формат, Абзац и контролируйте изменения атрибутов тега абзаца в коде HTML.