HTML тег для сокращений

Введение

HTML-тег <abbr> используется для определения сокращения или акронима.

В этом практическом занятии вы научитесь использовать HTML-тег <abbr> для указания сокращений и акронимов, которые встречаются в тексте вашего веб-страницы.

Примечание: Вы можете практиковать программирование в index.html и изучить Как писать HTML в Visual Studio Code. Нажмите кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем вы можете обновить вкладку Web 8080, чтобы просмотреть веб-страницу.

Skills Graph

Добавьте заголовок

Во - первых, создайте HTML - документ с именем index.html и объявите тип документа.

Добавьте заголовок в файл index.html.

    <h1>Creating Abbreviations in HTML</h1>

Добавьте содержание

Добавьте некоторый текстовый контент в HTML - файл.

    <p>Suppose we have an abbreviation like Mr. or Mrs. which are very common in our day to day life or we can have technical abbreviations like HTML, CSS or HTTP.</p>

Используйте тег <abbr>

Используйте тег <abbr> для определения сокращения и включите атрибут title, чтобы дать полное объяснение сокращения.

    <p>Suppose we have an abbreviation like <abbr title="Mister">Mr.</abbr> or <abbr title="Misses">Mrs.</abbr> which are very common in our day to day life or we can have technical abbreviations like <abbr title="HyperText Markup Language">HTML</abbr>, <abbr title="Cascading Style Sheets">CSS</abbr> or <abbr title="Hypertext Transfer Protocol">HTTP</abbr>.</p>

Добавьте стили к тегу <abbr>

Добавьте стили к тегу <abbr>, чтобы изменить способ отображения сокращения на веб - странице. Например, мы можем добавить пунктирный подчеркивание, чтобы указать на сокращение.

    <style>
        abbr {
            text-decoration: underline dotted;
        }
    </style>

Сохраните файл и откройте его в веб - браузере, чтобы увидеть результат.

Резюме

В этом практическом занятии вы узнали, как создавать сокращения и акронимы на веб - страницах с использованием HTML - тега <abbr>. Также вы узнали, как добавлять стили к отдельным тегам <abbr> и применять стили к нескольким тегам с использованием глобального атрибута class.