Лекция
Сразу хочу сказать, что здесь никакой воды про теги, и только нужная информация. Для того чтобы лучше понимать что такое теги, форматирование текста, гиперссылки , настоятельно рекомендую прочитать все из категории Расширяемые языки разметки: XML, HTML, DHTML, HTML 5.
Тег, теги (иногда тэг , англ. tag, читается /tæg/; более правильное название — дескриптор ) — в SGML (в HTML, WML, AmigaGuide, языках семейства XML) — элемент языка разметки гипертекста. Например, текст Википедии, заключенный между начальным тегом и конечным тегом (от англ. small маленький) предписывает отображать его меньше основного текста. Например: Это маленький текст, А это — большой.(—).
В XML тег является элементом документа, а текст, содержащийся между начальным и конечным тегом — содержанием элемента.
Используют только два тега — открывающий, или начальный, и закрывающий, или конечный. В зависимости от реализации языка возможно также применениеодиночного тега и тега пустого элемента. Например, тег отступа абзаца может оформлять абзац между
, а может в одиночной форме до следующего первого попавшегося
Пример пустого элемента:
Набор и рекомендуемые интерпретации тегов определены организацией W3C.
В SGML можно назначать другие символы для обрамления тега (например, фигурные скобки), но в некоторых подмножествах этого языка (например, HTML и XML) такая возможность отсутствует.
Кроме того, существуют разные системы языков-подмножеств с меньшими возможностями. Например, на веб-форумах и досках объявлений используется язык разметки BBCode, теги которого ограничиваются символами квадратных скобок: [ ].
Например, [url="http://ru.wikipedia.org"]Русская Википедия[/url] — ссылка на языке BBCode, указывающая на страницу русской Википедии.
У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде пары имя-значение, причем нечисловое значение заключается в кавычки.
Например, можно выделить фрагмент текста определенным шрифтом (тег ), указав в этом теге название шрифта и желаемый размер: оформляемый текст
Имя тега определяет тип элемента. В HTML имя тега определяет лишь правила разметки, так, имя тега «i» (например Курсивный текст) определяет, что между тегами расположен текст, который следует отображать в браузере в курсивном начертании. XML представляет собой более гибкий стандарт. Имена тегов в нем не регламентируются жестко: пользователи могут вводить и использовать для своих нужд новые теги (см. XML).
Например, мы сами для себя можем определить, что элементом с именем тега «person» мы определяем тип этого XML элемента, как фамилия имя и отчество. И скажем, год рождения, как часть информации по данному человеку:
Таким образом, HTML представляет собой неструктурированный текст, а XML — документ с иерархической структурой, что дает возможность обработки документа: трансформацию данных, поиск нужных элементов документа и т. Об этом говорит сайт https://intellect.icu . д.
| Тег | Пример | Вид | Описание |
|---|---|---|---|
| B | текст | текст | Задает жирный текст. |
| Big | текст | текст | Задает большой текст. |
| Em | Задает ударяемый текст. (Empharized) | ||
| I | Задает курсивный текст. | ||
| Small | Задает маленький текст. | ||
| Strong | Задает сильный текст. Выглядит почти так же, как и жирный. | ||
| Sub | Задает текст в нижнем индексе. | ||
| Sup | Задает текст в верхнем индексе. | ||
| Ins | Задает текст, который вставляется после удаления. Обычно подчеркнут. | ||
| Del | Задает текст, который удален (выглядит вычеркнутым). | ||
| Code | Задает текст, представляющий компьютерный код. | ||
| Kbd | Задает текст, который введен с клавиатуры. | ||
| Tt | Задает текст, который выглядит так, будто введен с телетайпа. (Моноширинный шрифт) | ||
| Samp | Задает текст, который является примером. (Sample). Почти как примеры в этом тексте. | ||
| Var | Задает текст, представляющий переменную. Наверное для всяких научных статей. | ||
| Pre | Задает текст, который сохраняет все символы форматирования, такие как табуляции, пробелы, и переносы строк. | ||
| Abbr | Задает текст аббревиатуры. В атрибуте title можно записать расшифровки. | ||
| Acronym | Задает текст акронима. Акроним и аббревиатура — это одно и то же. | ||
| Address | Задает текст адреса. Отображается курсивом. | ||
| Bdo | Очень веселый тег. Для тех кто пишет на древнееврейском. В атрибуте dir можно задать направления текста. «Rtl» — справа налево, «ltr» — нормально. | ||
| Blockquote | Задает текст большой цитаты. | ||
| Q | Задает текст маленькой цитаты. | ||
| Cite | Задает текст какой классической цитаты. То вроде «Кто ясно мыслит, тот ясно формулирует» | ||
| Dfn |
Задает строку, для которой будет дано определение. (Definition)
|
Гиперссылка (англ. hyperlink) — часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта.
Гиперссылка может быть добавлена к любому элементу гипертекстового документа и обычно выделяется графически. В HTML-документах текстовые ссылки по умолчанию выделяются синим цветом, при наведении на них курсором мыши в окне браузера изменяются, например, меняют цвет или выделяются подчеркиванием. При навигации в браузере с помощью клавиатуры текстовые и графические ссылки выделяются прямоугольной пунктирной рамкой. Посещенная ранее ссылка обычно выделяется цветом, отличным от цвета непосещенной ссылки.
«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки, но это происходит не всегда.
Гиперссылка — фрагмент HTML-документа и его базовый элемент:
Гиперссылка для пользователя — графическое изображение, видео или текст на сайте, в письме электронной почты или в каком-либо электронном документе, устанавливающие связь и позволяющие переходить к другим объектам Интернета.
Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки, где filename — имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки — текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Так же можно использовать аргумент TARGET, который показывает в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.
Например, гипертекстовая ссылка:
Мои работы — ссылается на документ my_work.html, образуя гипертекстовую ссылку в виде слова «Мои работы»;Мой фотоальбом — ссылается на файл my_photo.html, расположенный в каталоге photo корневой директории или "./photo/my_photo.html" - текущей директории, и образует ссылку в виде текста «Мой фотоальбом»;Открыть в новом окнеДля создания ссылки на адрес электронной почты используется тег mailto:, после которого необходимо указать e-mail адресата:
a href="mailto:e-mail" Текст ссылки
При создании почтовой гиперссылки можно указывать тему отправляемого сообщения и тело письма. Для этого используются поля subject и body. Тема письма задается в поле subject, тело письма в поле body.
Например:
a href="mailto:e-mail?subject=Тема&body=Тело письма" Текст ссылки
Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга a . Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.
А как ты думаешь, при улучшении теги, будет лучше нам? Надеюсь, что теперь ты понял что такое теги, форматирование текста, гиперссылки и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Расширяемые языки разметки: XML, HTML, DHTML, HTML 5
Из статьи мы узнали кратко, но содержательно про теги
Комментарии
Оставить комментарий
Расширяемые языки разметки: XML, HTML, DHTML, HTML 5
Термины: Расширяемые языки разметки: XML, HTML, DHTML, HTML 5