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