special

  1. HOME
  2. Для Сайта
  3. Создание сайта
  4. текст в html теги текста русская кодировка тэг html списки проблема кодировки windows

This webpage has been robot translated, sorry for typos if any. To view the original content of the page, simply replace the translation subdomain with www in the address bar or use this link.

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

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

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

';>