Информационный сайт




HTML язык

Текстовый контент, размещаемый на страницах сайта, нельзя редактировать точно так же, как при работе в программе Word. Это обусловлено тем, что стандарт HTML предоставляет пользователям собственный формат редактирования и отображения информации. В частности, для выделения слов, фраз и абзацев, а также для придания им определенных свойств используются html язык и так называемые теги html.

Основные HTML-теги, применяемые к текстовому контенту сайта

Ниже кратко расскажу об основных HTML-тегах, предназначенных для редактирования текста.

Теги html для отображения заголовков

Для отображения заголовков разных уровней используется тег .
Вместо буквы «n» следует поставить цифру от 1 до 6.

Самым главным и самым большим по размеру является заголовок первого уровня ( ).
Он должен содержаться на странице ресурса в единственном экземпляре (конечно, если это не страница раздела, на которой выводится список опубликованных статей). Как правило, заголовком первого уровня является название статьи, размещенной на странице.

Наименьшей значимостью обладает заголовок 6-го уровня - .
Его используют довольно редко. Чаще всего дело ограничивается использованием первых 2-3 уровней. В данном случае H1 является названием статьи, а H2 и H3 – подзаголовками, которые делят ее на отдельные структурные части.

Теги html для обозначения шрифтов

Что касается шрифта, то для его редактирования используются теги
.
Но применение данных тегов в чистом виде не имеет смысла, так как у шрифта есть конкретные параметры, которые и следует задавать. Первый параметр – это размер. Задать его можно при помощи тегов
.
Вместо «n» следует вставить число (это и есть размер шрифта). К примеру, 2,3,4. Стандартный размер шрифта обозначается цифрой 1.

Если хотите уменьшить шрифт, то вместо плюса ставьте минус. К примеру, -1, -2 и т.д.

Второй параметр – это тип или название шрифта. Посмотреть основные типы можно в программе Word. Каждый из них обладает своим названием, к примеру, Courier, Arial, Verdana.

Чтобы задать фрагменту текста шрифт Arial, используем следующие теги - .
Чтобы использовать другой шрифт, просто поменяйте слово arial на название нужного шрифта.

Третий параметр – цвет шрифта. Задание цвета происходит в формате RGB (6 цифр). Теги выглядят следующим образом - .

Тег html цвета

Еще один интересный тег, о котором следует рассказать – это тег . При помощи него можно задать фоновый цвет для нужного фрагмента текста. Здесь также используется формат RGB. Конструкция тегов выглядит следующим образом - .

Теги html для форматирования текста

Отделение абзацев друг от друга осуществляется при помощи тегов

(внутри них должен находиться текст данного абзаца). Дополнительно здесь можно задать выравнивание текста. Делается это при помощи следующей конструкции - .
Всего есть 4 типа выравнивания – center, right, left, justify. Одно из этих слов и указываем в кавычках. Чтобы выполнить простое перемещение фрагмента текста на новую строку (без создания абзаца), следует использовать тег .
У него нет закрывающейся пары.

Также текст можно делать жирным, наклонным, подчеркнутым и зачеркнутым. Выделение фрагмента текста жирным шрифтом осуществляется при помощи такой конструкции - .

При помощи конструкции
можно наклонить текст (курсив).

Нижнее подчеркивание осуществляется посредством тегов .

Зачеркнуть фрагмент текста можно вот так - .

Что касается трех последних конструкций, то текст в каждой из них можно дополнительно сделать жирным. Для этого вместо строчных букв в теле тега используем буквы заглавные - .

Это лишь основные HTML-теги. Их достаточно много, но запоминать их все совсем не обязательно, возможно они вам даже совсем не понадобятся. Здесь, как и везде, действует закон Парето - из всего множества используется только 20%. Но в то же время важно понять основы HTML языка. Я не знаю все HTML-теги, но это не мешает мне создавать HTML сайты. Сайт на котором вы сейчас находитесь тоже сделан на HTML языке.

TEXT.RU - 100.00%
Автор: Tatjana Rodionovskaja






Яндекс.Метрика