Работа с текстом
Так как все браузеры не предусмотрены для введения и редактировании
информации, то нам с Вами понадобится для освоении этой
темы любой HTML-редактор или просто Notepad (Блокнот). Если Вы
выбрали второй вариант, то предварительно введите в него набор
тегов в следующей последовательности:
<html><head></head><body>
</body></html>. Это указывает на то, что будет создаваться HTML-документ.
Внутри контейнера <body> </body> будут происходить основные события по разметки
страницы и работой с текстом в том числе. Устремимся туда.
Для работы с текстом в языке HTML предусмотрено большое количество
тегов которые делится по способу форматирования на две группы.
К первой относится теги предназначенные для форматирования
абзаца (фрагмент текста), а ко второй- какого-либо отдельного символа
из текста. Начнем по порядку.
Теги для форматирования абзацев.
Основным из них является
тэг <P> (c анг. Paragraph – абзац). Введите в блокнот куда нужно : <P>
Browse Window</P>, затем «сохраните как» в файл с расширением .html и откройте в браузере.
Вы увидите Browse Window. Тоже самое повторите с тегами <FONT>, <
BASEFONT>,<SPAN>, и <DIV> (ПРИМ. они также относятся к данной группе), но
запишите их в столбец и найдите различия в промежутках между абзацами. В дальнейшем это пригодится при выборе между ними.
Теперь поработаем над видоизменением шрифта. Для того, чтобы выбрать шрифт применяем атрибут FACE
к вышеуказанным тегам, в значении ставим его название (Arial, Tahoma и т.д) или слово serif - с засечками; san_serif – без засечек; cursive – курсивный; monospace – моноширинный
Пример: <SPAN FACE=»Tahoma,Arial,san_serif»>.
Здесь в значение описаны несколько шрифтов не зря. Если у конечного
пользователя не будет в операционной системе шрифта «Tahoma»,
то у него на мониторе появится «Arial» и т.д.
Потренируйтесь на своем ПК с атрибутами SIZE (размер шрифта) и COLOR (цвет).
Теги <U> и <STRIKE> подчеркивают и перечеркивают текст соответственно.
Тег <PRE> предназначен для вставки на страницу готовых HTML-документов, предоставляя на ней отдельный абзац.
Это могут быть различные таблицы, бланки, шаблоны и т.п.
Тэги для формирования символов
- <I> и <EM> – задают символам курсивное написание. Атрибутов не имеют.
- <B> и <STRONG> – задают символам полужирное написание. Атрибутов не имеют.
Про все выше изложенное можно сказать, что оно носит общепознавательный
характер для полного понимания структуры языка HTML. В действительности
на практике применяются HTML-редакторы с встроенными средствами
форматирования текста и каскадные листы стилей. Но мы настоятельно
рекомендуем Вам изучить эти тэги, потому как без этих знаний
Вы не сможете вручную подправлять код страницы.
Построение списков
Списки на Web-страницах применяются довольно часто для перечисления
чего-либо. Они делятся на три категории. Приводим их перечень с
визуальными примерами:
- Нумерованные списки (Ordered List). Тег имеет обозначение <OL> и помещает внутри себя
перечислители элементов списка, которые заключены в контейнер <LI>. Приведем пример: <OL><LI>элемент1<LI>элемент2…<LI>элемент n</OL>.
Обратите внимание, что тег <LI> не закрывается. Тэг <OL> имеет атрибут TYPE c значениями: 1-арабские цифры, A-прописные латинские буквы, а-строчные латинские буквы, I-прописные римские цифры, i-строчные римские цифры.
- Маркированные списки (Unordered List). Тег имеет обозначение <UL> и по принципам построении в HTML-коде одинаков с предыдущим с разницей в значениях атрибута TYPE. Здесь имеют место следующие значения: square-квадрат, circle-окружность и disk-закрашенный диск.
-
Списки-олределения
- Состоит из заголовка и содержания в виде перечня этого заголовка.
- Обозначение тега – <DL> (Definition List).
- Вложенные теги для тега <DL>
- <DT>- составляет заголовок.
- <DD>-составляет описание для заголовка.
- Примечание
- Теги <DT> и <DD> не нуждаются в закрывании.
- Теги <DT> и <DD> не имеют атрибутов.
- Задания:
- Найдите в HTML-коде этой страничке порядок составления списков.
- Воспользуетесь как примером и потренируйтесь на своем компьютере.
Кодировка страниц
Если Вы достаточное время проводили за компьютером, то Вам приходилось
сталкиваться с таким явлением, когда мониторе выводился
текст в виде непонятных символов. Это проблнма кодировки. Весь фокус в том, что символы
в различных языках (русск., анг. и т.д.) имеют разное сочетания
и колличество битов, которые принято называть «кодировками
текста».
Проблема кодировки решается пупем изменения крдировки. Данный способ построение текста в машинном коде имеют место
и в Интернете. Чтобы посетители Вашего сайта не увидели вместо
русских букв – «аббракодабра»; и им не пришлось «ковыряться » в
настройках браузера – решите эту проблему вставив в контейнер
<HEAD> (см. выше) нужную кодировку. В Windows русский язык
поддерживают следующие кодировки: Windows-1251, UTF-8, ISO-8859-5, KOI-8R,
а русская кодировка страницы будет выглядеть следующем образом:
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
- Примечание:
- Значения атрибутов CONTENT и CHARSET
заносятся в одни кавычки
- Для полной совместимости русского языка на различных ОС используйте Windows-1251.
