Работа с текстом
Так как все браузеры не предусмотрены для введения и редактировании информации, то нам с Вами понадобится для освоении этой темы любой 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.
