Существуют ли парные дескрипторы теги в html. Основы HTML. Что такое дескрипторы в HTML
Тег (мн. теги, иногда тэг ) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки <>, например, тег
…
сокращение от английского слова paragraph , то есть текст заключенный в данный тег будет распознаваться браузерами, как параграф.Каждый тег в HTML имеет специальное значение и отвечает за вывод определенных данных. Регистр букв в названиях тегов не имеет значение, например, тег
…
и тег…
— это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.Классификация тегов
Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня
…
. В таких случаях используются парные теги: открывающий и закрывающий . Открывающий тег (например,) создает эффект, а закрывающий ( ) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (/ ) — прямой слеш. Такие теги называют парные .
Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы
или тег отображения картинки . Такие теги не имеют закрывающих тегов. Такие теги называют не парные.
Типы тегов
Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:
- теги заголовка документа;
- блочные элементы;
- строчные элементы;
- универсальные элементы;
- списки;
- таблицы;
- фреймы.
Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков
- и
- Элемент начинается с открывающего тега.
- Элемент заканчивается закрывающим тегом.
- Содержимым элемента является все, что находится между открывающим и закрывающим тегами. Содержимое может быть текстом и/или другим HTML элементом.
- Элемент состоит только из открывающего тега.
- - начало элемента списка, парный тег.
- - начало элемента термин, парный тег.
- - начало элемента определение, парный тег.
- Информатика
- Компьютер
- БИТ
- Файл
- Любой параметр может отсутствовать.
- Если параметр задействован, то он должен находиться внутри тега.
- начало таблицы, парный тег. Вид таблицы можно задать при помощи параметров: BORDER="число" - указывает толщину границы вокруг ячеек таблицы
- закрывающий тег, конец таблицы.- начало строки в таблице, парный тег. - закрывающий тег конец строки в таблице.- начало ячейки в таблице, парный тег. - закрывающий тег конец ячейки в таблице. - Парные — данные теги имеют открывающийся и закрывающийся тег. Закрывающийся тег содержит знак наклонной черты. Между данными тегами вписывается содержимое тега. Содержимым тега может быть как обычный текст, так и другие, вложенные теги. Примеры парных тегов:
- Непарные
— теги, которые не закрываются. Пример:
- — что же это за тег такой? Это версия HTML которая используется в данной странице. Подобным тегом принято начинать все HTML-документы. Это считается хорошим тоном. DOCTYPE указывает браузеру в какой версии HTML был написан документ, для того, что бы все браузеры (а их сейчас много) могли правильно обработать разметку и отобразить содержимое документа. Если этого не сделать, то браузер по умолчанию некорректно определит версию документа, в результате чего вся разметка может поехать и неправильно отображаться в разных браузерах. В данном случае DOCTYPE указывает на версию HTML5 .
- — все содержимое страницы заключено между данными парными тегами, которые информируют браузер, что это HTML страница.
- -служебная секция (заголовок), которая используется для подключения внешних файлов, и установок отвечающих за вид, вывод и работу данной страницы. Содержимое ее, чаще всего, не отображается на странице, кроме тега title. Тег title – содержит заголовок страницы, который отображается во вкладке.
- — все что отображается на странице, пишется в теге body.
- Что такое гипертекст?
- В чем состоит необходимость использования HTML?
- Что такое кодировка страницы? Зачем она применяется? Где в браузере можно поменять кодировку?
- Какие виды атрибутов вам известны?
- Что такое теги? Чем они отличаются от атрибутов?
- Какие теги обязательно должна содержать HTML страница?
- относятся и к спискам, и к блочным элементам.
Структура тегов
При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.
Все теги имеют определенную структуру, которую необходимо соблюдать при написании. Кроме того, практически все теги имеют различные атрибуты, которые могут изменять способ отображения содержимого.
Давайте посмотрим на правильную структуру тегов содержащих атрибуты:
Для примера я привел два совершенно разных тега. Первый одинарный — отвечает за вывод изображений, атрибут — src=»logo.jpg» . Второй … парный отвечает за создание ссылок, атрибут — href=»сайт» .
Вывод 1 : Атрибуты могут иметь парные и непарные теги.
Вывод 2 : Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.
Картинка для разъяснения:
HTML элемент - это основная структурная единица веб-страницы, написанная на языке HTML.
Парные и одиночные теги HTML
Синтаксис HTML элементов, состоящих из парных тегов:
Примечание: не забывайте в закрывающем теге ставить символ "/ ", он указывает браузеру, что ваш элемент закончился и что то, что будет написано после него, является уже другим элементом. Если не поставить символ "/ " в закрывающем теге, то браузер примет его за новый элемент, вложенный в предыдущий, который по мнению браузера всё ещё не закрыт.
Синтаксис HTML элементов, состоящих из одиночных тегов:
Элементы, состоящие из одиночных тегов называются пустыми . Всего в HTML 16 одиночных тегов:
Вложенные элементы
HTML элементы, состоящие из парных тегов, могут либо содержать в себе любые другие элементы, либо сами могут быть вложены в другие элементы, при этом глубина вложенности элементов не ограничена.
Следующий пример состоит из трех элементов, два из которых вложенные:
Мой первый абзац
Когда один элемент располагается внутри другого, нужно следить за тем, чтобы вложенный элемент начинался и заканчивался внутри одного и того же элемента. Так, например, следующий код является неверным:
Это очень
интересноЗдесь элемент выходит за пределы элемента
Пример с правильной вложенностью:
Это очень интересно
Здесь элемент правильно вложен - он находится полностью в элементе
Браузер игнорирует пробельные символы в HTML-коде, поэтому их можно использовать с пользой для себя, придавая коду удобочитаемый вид. К пробельным символам относятся: символы табуляции, перенос строки и обычные пробелы, их можно использовать в любом количестве. Пример кода, в котором используются пробельные символы:
Мой первый абзацПробельные символы
Мой первый заголовок
Код примера можно было бы написать и вовсе без использования пробельных символов, но такой код будет менее удобен для чтения:
Мой первый заголовок
Мой первый абзац
Поскольку код HTML-документа со временем становится больше и усложняется, становится видно, что использование пробельных символов действительно улучшает читабельность кода.
- начало тела документа, парный тег - все что следует в этом теге будет выведено на экран.
- начало абзаца (начинается всегда с новой строки), парный тег - может содержать параметр выравнивания. Напимер:
- все строки абзаца прижать к левому краю (используется по умолчанию).
- все строки абзаца прижать к правому краю.
- все строки абзаца отцентрировать по странице.
- все строки абзаца выравнять по ширине страницы.
- закрывающий тег конец абзаца, может отсутствовать, если далее начинается новый абзац или будет новый тег, который произведет перенос строки.- полужирный шрифт, парный тег. ТЕКСТ ПОЛУЖИРНЫЙ ТЕКСТ
- закрывающий тег конец полужирного шрифта.
- наклонный шрифт (курсив), парный тег. ТЕКСТ НАКЛОННЫЙ ТЕКСТ
- закрывающий тег конец наклонного шрифта.
- подчеркнутый шрифт, парный тег. ТЕКСТ ПОДЧЕРКНЫТЫЙ ТЕКСТ
- закрывающий тег конец подчеркнутого шрифта.
- моноширинный шрифт (шрифт печатной машинки), парный тег. ТЕКСТ МОНОШИРИННЫЙ ТЕКСТ
- закрывающий тег конец моноширинного шрифта.
- сильно выделенный шрифт, парный тег. ТЕКСТ СИЛЬНО ВЫДЕЛЕННЫЙ ТЕКСТ
- закрывающий тег конец сильно выделенного шрифта.
- выделенный шрифт, парный тег. ТЕКСТ ВЫДЕЛЕННЫЙ ТЕКСТ
- закрывающий тег конец выделенного шрифта.
- предварительно отформатированный текст (шрифт печатной машинки), парный тег. Начинается всегда с новой строки и выводится на экран в том виде в котором набран (количество "пробелов" то, которое вы набрали).
ТЕКСТ
МОНОШИРИННЫЙ ТЕКСТ
- закрывающий тег конец предварительно отформатированного текста.
- принудительный перенос строки, непарный тег - переход на новую строку.
- горизонтальная линия, непарная команда - вставка горизонтальной линии, при этом до и после линии происходит переход на новую строку. Может содержать параметры. Например:
- горизонтальная линия толщиной 1 (используется по умолчанию).
- горизонтальная линия толщиной 2.
- размер шрифта 1 (максимальный), парный тег. При этом до и после ТЕКСТА происходит перенос строки.
- закрывающий тег конец шрифта размер 1.
РАЗМЕР ШРИФТА 1 | ||
РАЗМЕР ШРИФТА 2 | ||
РАЗМЕР ШРИФТА 3 | ||
РАЗМЕР ШРИФТА 4 | ||
РАЗМЕР ШРИФТА 5 | ||
РАЗМЕР ШРИФТА 6 |
по центру
- начало нумерованного списка, парный тег.
Уроки
- задание названия нумерованного списка
- закрывающий тег конец нумерованного списка.
- начало маркированного списка, парный тег.
Уроки
- задание названия маркированного списка
- закрывающий тег, конец элемента списка.
- закрывающий тег конец маркированного списка.
- начало списка терминов и определений, парный тег.
Определения
- задание названия списка терминов и определений
- закрывающий тег, конец элемента термин.
- закрывающий тег, конец элемента определение.
- закрывающий тег конец списка терминов и определений.
|
Определения Информатика Наука изучающая все аспекты работы с информацией Компьютер Универсальный инструмент для работы с информацией БИТ Минимальная и неделимая единица информации Файл Поименованные данные находящиеся на носителе информации |
- графический объект, непарная команда. Вид задают при помощи параметров. Некоторые параметры:
SRC="файл"
- задает месторасположение и имя графического файла (если файл находиться в том же каталоге, где и документ, то достаточно имени).
WIDTH="ширина"
- задает ширину отводимую под картинку (можно в процентах).
HEIGHT="высота"
- задает высоту отводимую под картинку (можно в процентах).
HSPACE="ширина"
- задает ширину поля с боков от картинки.
VSPACE="высота"
- задает высоту поля с верху и снизу от картинки.
BORDER="ширина"
- задает ширину полосы обрамления вокруг поля картинки.
ALT="текст"
- задает текст, который будет вывкден в поле картинки, если (пока) она отсутствует.
TITLE="текст"
- задает текст, который появиться при наведении курсора мыши на поле картинки.
Примечание.
- ссылка (переход) на другой документ или часть документа, парный тег. Как правило все заключенное в тег подчеркнуто или подчеркивается при наведении мыши. Место перехода указывается параметрами тега:
HREF="файлHTML"
- имя и месторасположение файла на который необходимо перейти (если файл находиться в текущей папке, то достаточно имени)
HREF="#имя"
- имя (идентификатор) тега в данном документе на который необходимо перейти. Любому тегу может быть присвоено уникальное имя при помощи параметра: ID="уникальное имя"
.
Пример:
- имя (идентификатор) чуствителен к реггистру, то есть различает строчные и заглавные буквы!
TITLE="текст"
- задает текст, который появиться при наведении курсора мыши на ссылку.
Примечание При помощи параметра HREF тега A в документ можно вставить ссылку, которая при активизации запустит почтовую программу и передаст в нее необходимые параметры для отправки электронной почты.
HREF="MAILTO:адрес" - запускает почтовую программу и передает ей указанный электронный адрес.
- адрес, парный тег. Указание адреса, обычно просто устанавливает шрифт - курсив и производит переход на новую строку. ТЕКСТ ТЕКСТ АДРЕСА
- закрывающий тег конец адреса.
- закрывающий тег, конец основного документа.
HTML(HyperText Markup Language) – это язык разметки гипертекста . Язык разметки используется для придания структуры интернет-странице, сайту. Язык разметки не несет в себе оформление, а выполняет задачи структурирования. Структура задается с помощью специальных элементов — меток, понятных браузеру. Эти метки называются тегами – от англ. слова tag - именованная метка.
Гипертекст – это документ, разметка которого выполнена с помощью языка HTML . Термин «гипертекст» изначально был введён Тедом Нельсоном для обозначения текста, «который разветвляется сам по себе или выполняет действие по запросу».
HTML документ – это обычный текстовый файл, который имеет специальную структуру. При открытии интернет-браузер обрабатывает этот документ, в результате чего мы с вами видим привычные для нас интернет-страницы, где есть текст, картинки, ссылки, и т.д. Интернет-страницы имеют расширение – html .
Рассмотрим структуру простого HTML документа
|
Строка называется тегом. Вообще, все, что заключено в символы <> называется тегом. Данные символы — служебные в языке HTML. Теги бывают двух видов:
Теги можно писать большими и малыми буквами, поскольку HTML не различает написание. Закрывать парные теги нужно всегда!
Считается хорошим тоном знать и уметь оперировать большим количеством тегов. Этого не нужно пугаться, всё запомнится и уложится в голове, как только вы начнёте применять свои знания на практике. С основными тегами мы познакомимся в ходе нашего дальнейшего обучения. А вообще, в интернете сейчас доступно огромное количество справочников по HTML , где вы сможете найти актуальную информацию, ведь прогресс не стоит на месте, а языки программирования стремительными тепами развиваются и практически каждые пол года выходят обновления. Также, минимум тегов, которые будут необходимы нам в ходе обучения вы найдете в нашей шпаргалке
Рассмотрим структуру HTML документа:
Для расширения функционала HTML в тегах добавляют специальную информацию, которая называется атрибутами. Так в строке:
|
charset="UTF-8" — атрибут. Атрибутов может быть много. Атрибуты пишутся через пробел. В данном случае, с помощью тега meta HTML странице указывается кодировка UTF-8. Т.е. браузеру указывается кодировка данного документа, для правильного отображения содержимого страницы.
Атрибуты используются для расширения функционала тегов и позволяют модифицировать как способы отображения тегов на странице, так и их поведение. Не все теги используются для вывода информации, есть теги которые используются только для программирования поведения страницы, например с помощью JavaScript.
Вопросы для самоконтроля
Текст урока разработан совместно с Каменщик М.
И сегодня мы с вами рассмотрим поподробнее, что такое html теги и их атрибуты на примере p, br, hr ; а также, какую роль играют значения атрибутов тегов, содержащихся в в html документе.
Прежде, чем начать, хочу принести свои извинения по поводу моего длительного отсутствия. Дело в том, что ввиду занятости в одном проекте я вынужден был отказаться на время от обновления блога и несколько выбился из графика. Но теперь все позади и я надеюсь в дальнейшем поддерживать прежний ритм и регулярно предоставлять свежие материалы.
Теперь возвращаюсь к намеченной теме. В рамках знакомства с основами html я уже писал о структуре html документов, где также давал разъяснения по поводу основных тегов html, head и body, которые в обязательном порядке должны присутствовать в каждом документе, а также особого тега , называемого декларацией.
В этом же разделе дана информация, касающаяся , позволяющих использовать возможность построения списков. Кроме того, вы могли познакомиться с для форм на сайте и отдельно с тегами, позволяющими сконструировать самые различные формы: .
Получив от вас, дорогие читатели, множество пожеланий посредством формы обратной связи и через e-mail, я решил все-таки вернуться к началу и более подробно остановиться на том, какие теги вообще существуют, как они классифицируются и что такое атрибуты тегов html. Итак, начнем.
Парные и одиночные, блочные и строчные HTML теги: p, br, hr
Как вы, наверное, уже поняли из предыдущих публикаций на блоге, тег является основной структурной единицей языка гипертекстовой разметки HTML (Hyper Text Markup Language). По большому счету именно совокупность тегов определяет html код, который описывает тот или иной документ (например, одну из страниц вашего ресурса).
Теги классифицируются на парные и одиночные, а также на блочные и строчные. Вот сейчас по порядку и рассмотрим сущность их отличия на примере самых популярных и часто используемых тегов. Кстати, во многих источниках можно встретить название блочных и строчных элементов, знайте, что это одно и то же.
Для начала дам краткие определения. Парные html теги - элементы, имеющие открывающий и закрывающий теги, между которыми заключено содержание, одиночные закрывающего тега не имеют. Блочными называются элементы, которые занимают всю доступную ширину, его высота определяется содержимым. Поэтому по умолчанию несколько блочных элементов будут располагаться друг под другом.
Блочные элементы могут быть вложены один в другой, но не все, об этом позже. Строчные теги обычно содержат текст или другие строчные элементы, однако помещать внутрь строчных блочные теги не разрешается. Строчные теги, в отличие от блочных, располагаются на одной строке и переносятся на другую только при необходимости, когда заканчивается доступное по ширине место.
Наверное, для начинающих пока сложновато и возникает путаница в голове, но лиха беда начало. В дальнейшем все прояснится, я в этом убежден. Тем более, что перехожу к конкретным примерам на основе распространенных тегов, отмечая каждый раз, к каким элементам, строчным или блочным, парным или одиночным, относится каждый из них.
Начнем с тега p, которым каждый вебмастер пользуется буквально ежеминутно, я не преувеличиваю. Название этого элемента происходит от начальной буквы английского слова paragraph (абзац, параграф). Он служит для выделения фрагментов текста, который таким образом гораздо легче воспринимается читателями. Вот сейчас, например, я пишу статью и выделяю текст поста время от времени на абзацы, можете в этом убедиться.
Разбивая текст на фрагменты и максимально облегчая восприятие материала посетителями ресурса вы можете значительно улучшить ресурса поисковиками, что немаловажно в деле его продвижения.
По своей сути, естественно, элемент p является парным, поскольку имеет открывающий и закрывающий теги. Одновременно это блочный элемент, который может содержать только строчные элементы. Допустим, если вы напишите какой-либо текст в несколько строк и заключите его между открывающим и закрывающим тегами p, то все-равно браузер отобразит его в одной строке и только если текст не уместится в одну строку, будет осуществлен перенос.
HTML теги Тег p - блочный элемент Содержание тега p
А вот чтобы отобразить этот текст в несколько строк, необходимо воспользоваться элементом br (от английского «break»), который является одиночным, то есть не имеет закрывающего тега, а также это строчный элемент. Помещая его в конце каждой из строк текста, являющегося содержимым тега p, получаем искомый вариант:
HTML теги
Тег p - блочный элемент
Содержание тега p
Написание тегов br практически свободно. То есть вы можете сразу выделить несколько строк и в конце каждой из них поставить данный тег, а можно просто написать текст обычным способом и в места предполагаемых переносов вставить br. Количество строчных элементов br, включенных в содержание блочного тега p может быть сколько угодно большим. То есть сколько угодно текста можно написать с новой строки.
Теперь посмотрим еще на один простой тег, о котором подробнее поговорим в конце статьи. Речь о теге hr (от английского «horizontal rule» - горизонтальная линия), который является одиночным, но одновременно блочным, поскольку по умолчанию занимает всю возможную ширину. Он описывает простую горизонтальную линию, которая бывает полезной при разделении контента страницы на логические части. Это может быть разделение текста, групп изображений либо каких-то других составных частей дизайна.
Вид этой горизонтальной линии зависит от браузера, в котором просматривается страница, html код которой содержит данный элемент. Кроме того, вид этой линии, как и внешний вид других элементов, можно редактировать с помощью разнообразных атрибутов. Вот мы плавно подошли к еще одной составляющей нашей сегодняшней темы, а именно к понятию атрибутов тегов html.
Атрибуты HTML тегов и их классификация
Атрибуты тегов html позволяют придать им дополнительные характеристики и разнообразить внешний вид отображаемых браузером элементов вебстраницы. Атрибутов у каждого тега может быть несколько. Каждый из них играет свою роль в формировании дизайна той или иной области страницы сайта. Атрибуты прописываются внутри открывающего тега после названия самого элемента. Если атрибутов несколько, порядок их следования не имеет значения, он может быть любым.
Почти у каждого атрибута есть свое значение (параметр). В общем виде любой одиночный или парный тег можно представить схематически в следующем виде:
Обратите внимание, что для указания значения того или иного атрибута после названий атрибутов следует поставить знак равенства, а само значение заключить в одинарные или двойные кавычки. Атрибуты могут присутствовать как в строчных, так и в блочных; как в одиночных, так и в парных тегах.
Естественно, в случае одиночного элемента закрывающий тег будет отсутствовать. Все атрибуты и их значения прописываются внутри открывающего тега и обязательно через пробел, иначе соответствующая область в браузере будет отображаться некорректно. Да, чуть не забыл, некоторые атрибуты могут быть без значений. Конечно, все теги в сочетании со всеми возможными атрибутами разобрать невозможно, да это и неважно, главное, понять механизм их применения. На официальной странице вы можете изучить все рекомендуемые html теги.
Правда, там данные, соответствующие официально действующим стандартам html 4.01. Однако быстрыми темпами происходит внедрение версии html 5, по правилам которой уже играют популярные браузеры. А в новой версии языка гипертекстовой разметки некоторые теги и атрибуты уже будут невалидными, то есть не соответствующие стандартам html. Поэтому будем идти в ногу со временем и я вам буду предлагать в будущем только валидные теги и атрибуты, также в дальнейшем научимся избегать несоответствия нормам кода html, материалы на эту тему появятся очень скоро.
Но заглянем все-таки на официальную страницу W3C, где представлена таблица рекомендуемых html тегов . Если нажать на ссылку с интересующим нас тегом (возьмем для наглядности уже упоминавшийся тег hr, тем более, что ниже рассмотрим с ним один пример), то нас перебросит на эту вебстраницу, где дана спецификация, касающаяся этого элемента:
Все атрибуты элементов можно распределить на три группы:
- Группа универсальных атрибутов - они применяются практически ко всем html тегам. На скриншоте выше они выделены в зеленую рамку
- Уникальные атрибуты - присущие только данному элементу набор атрибутов (для тега hr на рисунке они подчеркнуты фиолетовым: align, noshade, size, width). В спецификацию html 5 добавлен новый атрибут color, который определяет цвет горизонтальной линии.
- События - эти атрибуты нужны, когда требуется какое-либо действие в ответ на действие пользователя. На скриншоте они выделены в синюю рамку.
Информацию об атрибутах можно также получить на другой страничке W3C, где приведена таблица с полным списком html атрибутов :
В этой таблице приведены все атрибуты для всех существующих в языке гипертекстовой разметки тегов. В столбце "Related Elements" напротив нужного атрибута отмечены теги, в которых данный атрибут может быть использован. В колонке "Type" обозначен тип данных, которые могут быть использованы в качестве значения атрибута. Например, для атрибута align (который определяет выравнивание элемента) возможно применение трех возможных значений (left, center, right).
Если в колонке "Dept" проставлена буква D, то такой атрибут использовать не рекомендуется, иначе html документ не пройдет валидацию. В этом случае необходимо использовать стили css, изучением которых, как я уже отмечал, займемся в недалеком будущем. Это просто необходимо, поскольку тенденция такова, что большинство атрибутов в версии html 5 не рекомендованы для использования и внешний вид элементов следует определять, применяя css.
Кстати, абсолютно полная информация с добавленными тегами и их атрибутами по версии html 5 представлена на одном из лучших, на мой взгляд, ресурсов, посвященных изучению основ html, а именно на htmlbook , причем на русском языке.
Как отобразить горизонтальную линию с помощью тега hr
Будем действовать поступательно. Элемент hr без атрибутов определяет простую горизонтальную линию, которая занимает все пространство по ширине (смотрите пример выше). Последовательно применяя различные атрибуты для тега hr, будем изменять внешний вид горизонтальной линии.
Для начала пропишем атрибуты align и width. Что касается align, то его использовать имеет смысл только в том случае, если задан атрибут width, который определяет ширину элемента (меньше, чем ширина страницы). Напомню, что тег hr является блочным элементом и по умолчанию занимает все доступное по ширине пространство.
В качестве значения атрибута width можно использовать цифры (в этом случае будет задаваться ширина в пикселах) либо проценты, которые задают ширину элемента как долю от доступного пространства. Значение атрибута size проставляется в цифрах и определяет высоту элемента (в данном случае толщину горизонтальной линии). Итак, рассмотрим пример:
Далее добавим к вышеозначенным атрибут noshade. Дело в том, что при использовании тега hr по умолчанию используются трехмерные эффекты (тень), можете убедиться, взглянув на линию, расположенную чуть выше. Прописав атрибут noshade, мы тем самым запрещаем их применять.
Теперь попробуем добавить атрибут color, который определит цвет горизонтальной линии. Замечу, что использование этого атрибута автоматически запрещает трехмерные эффекты, поэтому использование noshade не требуется. В качестве значения ставим название цвета, например, "blue".
Итак, на конкретном примере p, br, hr мы рассмотрели, как теги html, а также используемые различные атрибуты, влияют на формирование различных элементов на вебстранице. Вскоре я опубликую продолжение данной темы, поэтому для получения новых материалов не забудьте подписаться на обновления блога через RSS-ленту либо посредством электронной почты . Засим разрешите откланяться с наилучшими пожеланиями.