Версия 11:50, 1 февраля 2013

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Вставка текстовой информации.

Тема

• Вставка текстовой информации.

Цель

• Научить: вставлять текст на веб-страницу форматировать абзацы переносить строки

Ход урока

Синтаксис создания абзацев

Для вставки и изменения вида текста существует множество различных тэгов.

Это и не странно, ведь текст - самый понятный и популярный вид информации.

Абзацы Как правило, блоки текста разделяют между собой абзацами (параграфами).

По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой.

Синтаксис создания абзацев такой:

< p >Абзац 1< /p >

< p >Абзац 2< /p >

Каждый абзац начинается с тега < p > и должен иметь необязательный закрывающий тег < /p >

Перенос строки

В отличие от абзаца, тэг переноса строки  не создает дополнительных вертикальных отступов между строками и может применяться практически в любом месте текста.

А такой тэг как < NOBR > запрещает автоматический перенос.

Заголовки

Заголовки выполняют несколько важных функций на web-странице:

• они показывают важность раздела, к которому относятся. Чем больше заголовок, тем более он значимый.
• Ведь, в газетах важные заголовки важных статей набраны крупным шрифтом, тем самым, привлекая к ним внимание.

• с помощью заголовков легко регулируется размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень < H1 >, а самым нижним - < H6 >.

• поисковые системы добавляют рейтинг тексту, если он находится внутри тега заголовка.

А это важно для раскрутки сайта и для его занятия первых строк выдачи результата поиска.

• на web-странице вполне достаточно использовать заголовки с первого и по третий уровень.

Ниже приведены еще нескольно основных элементов для работы с текстом.

• Тэг < CITE > нужен для того, чтобы показать, что этот текст цитируется или взят из другого источника.
  
• Тэг < PRE > воспринимается браузерами как пре-форматированный текст. То есть, абсолютно все пробелы и разнообразные символы в конце строки сохраняются и отображаются Веб-браузерами. Выводится такой текст шрифтом с фиксированной шириной. К тому же, на него не действует автоматический перенос.
  
• Тэг < Q > используется для вывода небольших цитат, которые будут отображаться не отдельным блоком (параграфом), а строкой в самой статье.
  
• Тэг < KBD > указывает пример текста, который должен быть набран пользователем в поле ввода. Этот элемент полезен, когда пользователю нужно различить текст, который он должен ввести и описание самого поля ввода.
  

Вопросы

1. Какой элемент используется для создания абзаца?

2. Тэг для переноса строки.

3. Тэг для заголовков. Виды заголовков.

4. Зачем нужны заголовки?

5. Тэг < PRE >

Список использованных источников

1. Урок на тему: «HTML: Работа с текстом», Михеев Н. Н., г. Одесса.

2. Квинт И. HTML и CSS на 100 %. - Питер, 2008 г.

3. Дуванов А.А Web-конструирование. HTML Основы информатики. - BHV-СПб, 2005 г.

Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.

Над уроком работали

Михеев Н. Н.

Соловьев М. С.

Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.