KNOWLEDGE HYPERMARKET


Вставка текстовой информации. Полные уроки

Версия 09:49, 10 ноября 2010

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


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

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


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

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

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

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


Abz1.jpg


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

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

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

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


Primerabz.jpg


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

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

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


Intervals.jpg


Заголовки

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

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

Tekst-1.jpg

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



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

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

Zagol.jpg

H1h2h3.jpg

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


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

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




Вопросы:

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

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

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

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

5. Тэг < PRE >


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

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

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

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


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


Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.


Предмети > Информатика > Информатика 10 класс