Слайд 1

Оформление текста. Выравнивание абзацев. Заголовки и подзаголовки. Управление начертанием текста. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В. О.Б.Богомолова Web- конструирование на HTML , 2008 г. Стр. 14

Слайд 2

Ключевые термины: Теги, парные теги , Контейнер … , … Абзац - часть текста между двумя символами Enter ( красными строками, отступами) Выравнивание абзаца: по левой стороне по правой стороне по центру по ширине

Слайд 3

Теги для оформления текста

---

Горизонтальная линия

текст < / p> Формирует отдельный абзац: отступ, выравнивание по левой стороне, между словами один пробел, перенос текста автоматически

Выравнивание абзаца по центру по левому краю по правому краю по ширине

текст заголовка

текст заголовка

текст заголовка

текст заголовка

текст заголовка

текст заголовка

Заголовок самый крупный Заголовок самый мелкий текст заголовка Заголовок самый крупный по правому краю текст Полужирное начертание текста < i > текст Курсивное начертание текста

Слайд 4

Практические задания Уровень 1 Впишите необходимые теги и текст, чтобы получить HTML- код web- страницы, показанной на образце < ___________> < ___________> < ___________> _____ < ___________> < ___________> < ___________> _________________________ <____> _________________________ <____> _________________________ <____> _________________________ <____> < ___________> < ___________>

Слайд 5

Уровень 2. Откройте файл Lesson1.html , созданный на предыдущем уроке. Внесите в него изменения в соответствии с образцом. Сохраните файл Lesson 2 .html

Компьютер

С информатикой в пути Легче продвигаться - Вычисления вести И не ошибаться. < / h 3 > < i > Дисковод, дисплей, блок-схема - < / h 4 > Нам слова известные, И компьютер как система - Очень интересен нам. < / h 3 > < i > Диск, винчестер и модем: < / h 4 > Познаем все новое. Мы построим много схем И найдем искомое. < / h 3 > < i > Биты, байты, килобайты Нам помогут в сеть зайти И без лишней суеты Сразу нужный файл найти.

Максим Самойлов

Слайд 6

Контрольные вопросы Каково основное назначение горизонтальной линии? Какой тег создает горизонтальную линию? Что такое абзац с точки зрения web -браузера? Какой тег задает отдельный абзац? По каким правилам браузер обрабатывает тег абзаца? Какими бывают заголовки по значению или по уровню? Заголовок какого уровня имеет самый большой размер шрифта?

Слайд 7

Контрольные вопросы Какой параметр определяет выравнивание абзаца? Какие возможны способы выравнивания? Сколько пробелов между словами теста выведет браузер, если в исходном тексте в Блокноте между словами поставлено по три пробела? Какой HTML -код задает вывод текста в две строки? а) б) В) <Р> <Р> <р> Информационные
технологии<В R >. Информационные<В R > технологии. Информационные<В R > технологии.