Работа с текстом

Работа с текстом

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

  1. Нумерованные списки (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.

Created/Updated: 25.05.2018

stop war in Ukraine

ukrTrident

stand with Ukraine