Основные теги html и css. Основные html теги

02.12.15 44.1K

Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1 , h2 …h6 . Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.

Теги h1 —h6 позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.

Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:

Зачем нужны теги h1-h6?

В теги заключается название сайта, заголовки и подзаголовки текста:

В HTML теги заголовков обозначаются h от английского «header », что в переводе означает «заголовок, шапка ». Вот пример того, как это выглядит:

Заголовок

Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:

- наиболее важные теги - менее значимые теги... - последние по важности теги

Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.

Синтаксис тегов h1-h6

Название текста Подзаголовок 1 ... Подзаголовок 2 Подзаголовок 3.1 ... Подзаголовок 3_2 Подзаголовок 3

Наибольшей популярностью пользуются теги h1 h2 h3 . Как правильно использовать тег h1?

Игнорируя тег h1 , веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.

HTML тег h1 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом (заголовком страницы ). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между , в то время, когда h1 —h6 указываются в самом «теле » страницы и заключаются в теги .

На странице может присутствовать только один h1 тег. Если указать несколько заголовков с тегом h1 , поисковики могут расценить это как переспам, что в свою очередь грозит баном:

Правила составления главного заголовка h1 :

• В теге должны использоваться ключевые слова, применяемые для продвижения страницы;
• Не стоит делать заголовок h1 слишком объемным, вполне достаточно нескольких слов;
• Текст заголовка должен быть читабельным;
• Мета тег h1 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;
• Перед тем, как вручную прописывать h1 , убедитесь, что движок не задает его автоматически;
• Содержание h1 должно соответствовать тематике, указанной в title страницы;
• При составлении h1 обязательно используйте ключевую фразу, по которой продвигается страница;
• Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1 полной копией тега Title . Важно, чтобы на каждой странице ресурса были прописаны уникальные h1 —h6 , поэтому избегайте повторений;
• Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1 должно быть понятно не только поисковикам, но и посетителям ресурса.

Как правильно использовать теги h2-h6?

Кроме h1 для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2 , h3 , h4 , h5 , h6 и т.д.

Тег h2

Как правило, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.

Теги h3, h4

Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar .

Теги h5, h6

Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.

Расстановка заголовков h1 — h6 в разных версиях движков может быть реализована по-разному.

Правила расстановки h2 —h6 :

• Структура заголовков. Должна быть соблюдена иерархия заголовков;
• Размер шрифта. Чем ниже уровень заголовка, тем мельче шрифт. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют правильные размеры по умолчанию;
• Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;
• В отличие от h1 , теги h2 —h6 могут быть прописаны на странице несколько раз.

Я главный в иерархии заголовков Мои дети Мои внуки Мои внуки Мои внуки Мои дети Мои внуки Мои внуки Мои внуки Мои правнуки Мои правнуки Мои правнуки

• Не должно быть никакого спама;
• Составление текста h1 — h6 должно производиться с использованием синонимов и учетом правил морфологии;
• Основные ключевые запросы лучше разместить ближе к началу заголовка;
• Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;
• Теги h1 — h6 должны быть краткими, емкими и информативными:

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

Вы узнаете, что такое Html теги и чем они отличают от метатегов, а также узнаете, как используют теги в качестве меток на сайтах (их разновидность — ), ну и, наконец, в общих чертах рассмотрим музыкальные тэги в аудио-файлах . Вот насколько многогранным получается этот термин.

Но во всех случаях слово «теги» означает разметку либо вебстраницы с помощью Html кода, либо всего сайта с помощью меток, либо вашей музыкальной коллекции с помощью указания альбома и песни.

Что такое теги на сайте (метки для создания навигации)

Давайте начнем с простого. Наверное, все вы видели, что под некоторыми статьями на сайтах находится поле с названием теги или метки, где перечислены какие-то слова. Для чего это делается? В общем-то, для облегчения навигации по данному сайту ().

В качестве тегов используются так называемые ключевые слова , набор которых кратко характеризует публикацию (допустим, для главной страницы моего блога подошел бы такой набор меток: создание сайтов; продвижение; раскрутка сайтов; заработок).

С помощью этих слов можно будет однозначно определить, о чем была эта статья. Но их главная ценность не в этом, а в том, что посетитель может кликнуть по любому тегу и увидеть список всех статей на сайте, в которых он встречался. По сути, это мощный инструмент классификации информации.

Чтобы не искать нужные метки под статьями, владельцы вебсайтов очень часто создают так называемое облако тегов , которое может размещать в левой или правой колонке сайта или же в его футере (снизу). Выглядеть это безобразие на практике может так:

В нем обычно перечислены самые популярные метки, а посмотреть все теги можно будет нажав на соответствующую ссылочку. Иногда, более часто используемые тэги (они встречаются в большем числе статей на этом сайте) отображают более крупным шрифтом, а менее частые — более мелким.

Иногда для их отображения создают отдельную страницу, как было показано на предыдущем скриншоте.

Почему такой способ разметки с помощью тегов используется не на всех вебсайтах, если это удобно для пользователей? Нет их и на моем блоге, чему есть ряд объяснений. Хотя их использование предусмотрено в по умолчанию, а также существует масса плагинов по работе с тэгами.

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

Получает огромный бардак, ценность которого в плане улучшения навигации, на мой взгляд, довольно-таки сомнительна. Для этой цели на крупном веб-проекте лучше использовать поиск по сайту. Хотя метки неплохо работают в социальных сетях, где можно с помощью тегов объединять информацию разных пользователей и просматривать ее в одном месте. .

Что такое Html теги?

Их впервые я решил изучить еще лет пятнадцать назад, но дальше тега Title у меня тогда дело не продвинулось. Потом мне попался в руки бесплатный видеокурс Евгения Попова по Html и дело пошло. Конечно же, тот курс явился только начальным этапом, но именно такого простого изложения часто и не хватает новичкам.

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

Но видеокурс видеокурсом, а я же вас должен заинтересовать, чтобы вы его скачали и посмотрели. Из общих фраз ведь не понятно, что же такое теги в языке Html и зачем вам их изучать. О, это великая и простая вещь, которая позволит вам стать властелином собственного сайта. А зачем вам сайт?

Ну, наверное, в первую очередь для самовыражения и приложения усилий, а уже во-вторую очередь — . Только тище, а то все услышат и побегут изучать что такое теги, делать сайты и зарабатывать все то, что могли бы заработать только вы, ну и я за компанию. Поэтому дальше буду говорить исключительно шепотом.

Интернет можно сравнить с телевидением, где вы делаете свою маленькую программу (создаете сайт на тегах) и получаете доход от размещения рекламы. Чем популярнее будет ваша передача (интернет проект), тем больше вы заработаете. Верхнего предела нет, хотя и нижнего тоже. Зато вкладывать деньги не надо, только свой труд и время потраченное на изучение тэгов, работы движка и, собственно, наполнение сайта контентом.

Итак, теги — это простейшие элементы разметки вебстраницы, чтобы браузер при ее загрузке с сервера понимал, как именно отображать тот или иной элемент (текст, картинку, видео). Раньше язык Html отвечал за все это дело один, но потом ему на помощью пришли и ему стало намного легче. По ним у Попова тоже есть бесплатный видеокурс , который можно скачать отсюда .

Ребят, когда вы освоите Html теги, то поймете, что это было проще простого. Самое главное начать и как-то себя простимулировать. Я же вам не просто так про финансовую сторону говорю. Сайт может стать основным вашим источником дохода и вся семья сможет с него кормиться. Нужна удача, упорство и не бояться знакомиться с новым.

Теги бывают разные , но их не много (из тех, что остались актуальными после внедрения в жизнь CSS). Смотрите как просто. Допустим вы хотите создать абзац — просто окружаете текст будущего параграфа открывающим и закрывающим тегами P (это латинская буква и в коде ее лучше писать маленькой, а здесь я сделал ее заглавной для наглядности). Вот так это будет выглядеть:

Текст текст....... текст текст

Поняли, чем отличается открывающий Html тег (стоит вначале) и закрывающий (в конце)? Ну, конечно же, просто добавился прямой слеш после треугольной скобки.

О, я же забыл сказать, по каким признакам браузер отделяет теги (разметку) от основного содержимого. Сами догадались?

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

Если вам нужно в тексте использовать открывающую треугольную скобку, то обязательно делайте это с помощью , чтобы браузер вас правильно понял. Это надо запомнить.

В коде выглядеть они могут, например, так:

Фактически в них заключается описание и ключевые слова той вебстраницы, для которой они прописаны. Подробнее о них читайте в приведенной чуть выше статье.

Мета теги прописываются в коде вебстраницы в строго определенном месте. Знаете в каком? Правильно, в так называемой «голове» документа, которая заключается в открывающий и закрывающий теги HEAD .

Все, что прописывается внутри них (включая и тэги META), отображаться на вебстранице не будет. Это строго служебная информация. Приведенные выше description и keywords сообщают поисковым системам о содержании данной вебстраницы, а приведенный чуть ниже метатег .

Что такое музыкальные теги в аудио-файлах?

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

Переименовав файлы с помощью , вы все равно на своем проигрывателе увидите нелицеприятную картину. Что же делать? И кто виноват в сложившейся ситуации? Как ни странно, но причиной являются неправильно прописанные теги в этом музыкальном файле .

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

Но проблема возникает, как правило, не в их наличии, а в получении возможности их редактировать . В жизни каждого уважающего себя меломана наступает момент, когда он «готов рвать и метать», лишь бы навести порядок в своей коллекции и прописать ко всем трекам правильные и читаемые на любом устройстве теги. Как это сделать?

С помощью специального софта. Сами теги в аудио-файлах появились впервые в конце прошлого столетия. Для файлов формата MP3 стандарт для их добавления назывался ID3, а для музыкальных файлов, которые сжимаются без потери качества (типа FLAC и подобных ему), стандарт добавления тегов (мета-данных) назывался Vorbis comment.

Для музыки записанной в Виндосовском формате WMA существует WM metadata, а для яблочных MP4 — iTunes metadata (кстати, совсем недавно писал про то, ).

Итак, редактировать теги можно с помощью специальных программ. Самой популярной из них, наверное, является Mp3tag (официальный сайт, но будьте осторожны при скачивании — не кликните случайно по рекламе, которая предлагает скачать что-то совсем другое). Думаю, что все остальные программы вы найдете и сами, тем более, что и этой будет вполне достаточно для выполнения данной задачи.

Вот такими вот многообразными получились теги, которые во всех этих случаях выполняли свою основную роль — разметка (статей на сайте, контента на вебстранице или мета-данных в музыкальных файлах). Надеюсь, что теперь у вас вопросов по этой тематике стало меньше.

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на ");">

Вам может быть интересно

Теги для Инстаграма - зачем нужны и где посмотреть самые популярные их них
Хештеги - что это такое и как используют хэштеги в Твиттере, Инстаграме и других местах Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет)
Ссылка - что это такое и как ее создать
Радикал - бесплатный фотохостинг с быстрой и простой загрузкой фото через Radikal.ru

Шрифт на странице

Тег размера шрифта в html – это разве что sub, sup и strong, которые так или иначе изменяют размер букв. Но html в этом плане дает очень маленькие возможности. Был, конечно, тег font, но сегодня он давно уже устарел. Если вам действительно интересно, как более гибко изменять размер шрифта, то нужно обратиться к возможностям CSS.

CSS свойство font-size

В CSS можно задать любую величину текста и это можно сделать не только в пикселях, но и в других единицах измерения. Чаще всего ее задают все-таки в пикселях, но можно и по-другому. Например, в процентах. За 100% берется шрифт у родительского элемента.

Например, если мы задаем величину текста в процентах какому-то абзацу и он лежит в теге body, то для него 100% будет равно размеру, заданному для body. Соответственно, если у тега задан шрифт в 12 пикселей, то чтобы задать абзацу размер в 24 пикселя, нужно написать так:

p{font-size: 200%}

p { font - size : 200 % }

Это если использовать проценты. Еще одна популярная относительная величина – em или высота шрифта у родительского элемента. Прописывание относительных величин лучше тем, что при изменении размера текста все поменяется пропорционально и будет хорошо отображаться.

Также регулировать величину можно с помощью ключевых слов larger и smaller, которые устанавливают соответственно больший или меньший размер текста, чем у родительского элемента.

selector{font-size: larger}

selector { font - size : larger }

Текст в элементе с нужным селектором станет больше, чем у родителя. Html теги размера существуют, но использовать их все же не рекомендуется. Это теги big и small. Заключение текста в них позволяет немного увеличить или уменьшить размер букв по сравнению с родительским элементом. Но сегодня лучше использовать css, если вам надо задать величину.

Размер основных элементов на веб-странице

В отношении задания размеров для остальных элементов все также: нужно использовать для этой цели css, а не html. Вообще в теге можно задать такие атрибуты, как width и height, но делать это неудобно. А самое главное – это не соответствует стандартам, которые определяют, что внешний вид и структуру нужно отделять друг от друга, вынося в отдельные файлы.

По этой причине для определения ширины и высоты элемента принято использовать css-свойства width и height.

img{ width: 50px; height: 50px }

< img width = "50" height = "50" > < ! -- такненужнопрописыватьширинуивысотудляэлемента-- > HTML лишь расставляет блоки на веб-странице, но сам формат этого языка не позволяет ему выступать удобным инструментом для задания величин. Чтобы как-то визуально повлиять на блок, нужно обрамлять его определенными открывающими и закрывающими тегами, что далеко не так удобно. Для задания внешнего вида элементов сегодня нужно использовать css-правила, потому что именно они для этого предназначены. На сегодня все, а вы не забывайте подписаться на обновления блога, чтобы иметь под рукой много полезных материалов по сайтостроению.

HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.

Все HTML-элементы делятся на пять типов:

• пустые элементы — , ,
  , , , , , ,
  Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта.

  Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов.

  Простейший пример HTML-страницы:

  Моя первая страница

  Простейший пример HTML-страницы, содержащий

  обязательные теги

  и – определяет начало и конец HTML-документа.

  < HEAD > и – определяют начало и конец заголовка документа. В заголовок документа обычно включается наименование документа и множество дополнительной служебной информации.

  и – теги для определения наименования документа. Текст, помещенный между ними, воспринимается браузером как название документа и отображается им в заголовке окна, а при выводе на принтер – в левом верхнем углу каждой страницы.

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

  Тег < BODY > может содержать несколько необязательных атрибутов:

  BGCOLOR – определяет цвет фона. Цвет может быть именованным (“RED”, “BLUE”, “GREEN” и др.) или определяться в виде кода RGB (“#FF0000”, “#00FF50”). Например,

  BACKGROUND – позволяет задать фон HTML-страницы в виде графического изображения (рисунка). Если рисунок меньше окна браузера, то он многократно дублируется, заполняя все окно. Например, , где risunok.jpg – имя файла рисунка.

  TEXT – определяет цвет текста HTML-страницы.

  Пример простейшей цветной HTML-страницы:

  Моя первая страница

  Простейший пример HTML-страницы, содержащий обязательные теги с отображением желтого текста

  на темно синем фоне

  Цвет можно задавать как текстом, так и в формате шестнадцатеричного значения

  Таблица цветов HTML

  Тег для создания таблицы.
  	Определяет тело таблицы.
  		Создает ячейку таблицы.
  	Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
  	Создает большие поля для ввода текста.
  	Определяет нижний колонтитул таблицы.
  	Создает заголовок ячейки таблицы.
  	Определяет заголовок таблицы.
  	Определяет дату/время.
  	Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
  Создает строку таблицы.
  	Добавляет субтитры для элементов и .
  	Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
  	Создает маркированный список.
  	Выделяет переменные из программ, отображая их курсивом.
  	Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
  	Указывает браузеру возможное место разрыва длинной строки.

  Предопределенное имя	Шестнадцатеричное значение	Цвет
  lightgoldenrodyellow
  mediumaquamarine
  mediumspringgreen

  Управление структурой документа

  HTML позволяет разбивать текст на абзацы, начинать текст с новой строки, организовывать заголовки текста различного уровня, отделять различные фрагменты текста горизонтальной линией различной толщины, ширины и цвета. Для этих целей служат следующие теги:

  … – … – теги для организации заголовков шести уровней. Заголовок первого уровня самый крупный.

  • – теги для описания абзацев. Текст, помещенный между парой этих тегов, воспринимается как абзац и отделяется от других фрагментов текста дополнительной пустой строкой. Красная строка отсутствует.

  Теги

  И (i=1…6) могут содержать необязательный атрибут ALIGN, задающий выравнивание текста. Возможные значения этого атрибута: LEFT (выравнивание по левому краю), CENTER (по центру), RIGHT (по правому краю).

  Например:

  Заголовок .

  Центрирование любых элементов HTML-документа может быть осуществлено также с помощью тега , .

  и , и – теги для указания специальных свойств отдельному фрагменту текста (текстовому блоку).

  Между тегами и имеются существенные отличия. является исключительно структурным тегом. Он создает принудительный перенос строки на одну позицию после своего закрывающего тега, поэтому задавать с его помощью отдельные свойства фрагмента внутри абзаца нельзя – это вызовет принудительный перенос строки. А берет начало в области физического форматирования текста, он позволяет назначать новые правила отображения текстовых фрагментов без измене-ия структуры документа.

  – этот непарный тег используется, если необходимо перейти на новую строку, не прерывая абзаца.

  – позволяет вывести горизонтальную разделительную линию.

  Возможные атрибуты тега :

  SIZE – определяет толщину линии в пикселах (SIZE=4).

  WIDTH – задает размах линии по ширине экрана. Ширина может быть задана в абсолютных единицах – пикселах (WIDTH=400) или относительных – в процентах от ширины экрана (WIDTH=75%).

  COLOR – цвет разделительной линии.

  Форматирование шрифта

  Существует два основных подхода к шрифтовому выделению фрагментов: логическое и физическое форматирование.

  Теги физического форматирования указывают браузеру как нужно отображать тот или иной фрагмент текста (подчеркнутым, наклонным и т.д.) независимо от его смысловой нагрузки. Если необходимо показать, что фрагмент текста является, например, кодом программы или цитатой, можно использовать теги логического форматирования текста.

  Теги физического форматирования

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

  

  Для форматирования шрифта также может использоваться парный тег …, который позволяет настроить начертание, размер и цвет шрифта. Этот тег имеет следующие атрибуты:

  SIZE= – задает размер шрифта (от 1 до 7, 1 – самый мелкий, 7 – самый крупный);

  COLOR= – определяет цвет шрифта;

  FACE= – задает начертание шрифта (“Arial”, “Courier”, “Tahoma” и т.д.).

  Предварительно отформатированный текст и текст с отступом

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

  например, при отображении фрагментов программного кода "как есть", без его интерпретации браузером.

  Визуально результат действия тега Выглядит как текст, набранный моноширинным шрифтом.

  Парный тег позволяет оформить текст, заключенный в нем, с отступом от начала строки. Этот тег удобно использовать для длинных цитат (в отличие от элемента CITE), при этом цитируемый текст отображается отдельным абзацем с увеличенным отступом.

  Например:

  Редакция газеты благодарит Иванова Ивана Ивановича за его присланное очередное поздравление:

  С прекрасным праздником весны
  

  Я вас поздравляю.
  

  Добра, сердечной теплоты
  

  И счастья вам желаю.