HTML-адрес

Тег HTML-адреса <address> используется для определения контактной информации в HTML-документе. Адрес может содержать такие данные, как имя, физический адрес, номер телефона, имя пользователя в социальных сетях, URL-адрес, адрес электронной почты и т. д.

Пример

Простой элемент адреса показан в следующем примере.

<!DOCTYPE html>
<html>
    <body>
        <p>Address Example</p>
        <address>
            Some One<br>
            <a href="mailto:address@example.com">address@example.com</a><br>
            India<br>
            Ph. 0123456789<br>
            <a href="https://htmlformatter.github.io/">htmlformatter.github.io</a>
        </address>
    </body>
</html>

Примечание: элемент HTML-адреса начинается с тега <address> и заканчивается конечным тегом </address> .

CSS по умолчанию для HTML <address>

По умолчанию для элемента Address установлены следующие свойства CSS.

Копировать

font-weight: bold;

Встроенный стиль для элемента адреса HTML

Мы можем изменить стиль элемента Адрес с помощью встроенного стиля, используя атрибут style .

В следующем примере мы установили зеленый цвет для элемента Адрес.

<!DOCTYPE html>
<html>
    <body>
        <p>Address Example</p>
        <address style="color:green;">
            Some One<br>
            <a href="mailto:address@example.com">address@example.com</a><br>
            India<br>
            Ph. 0123456789<br>
            <a href="https://htmlformatter.github.io/">htmlformatter.github.io</a>
        </address>
    </body>
</html>

Применить CSS к элементу адреса HTML

Мы можем применить CSS ко всем элементам адреса, используя имя тега address .

<!DOCTYPE html>
<html>
    <head>
        <style>
            address {
              color:olivedrab;
            }
          </style>
    </head>
    <body>
        <p>Address Example</p>
        <address>
            Some One<br>
            <a href="mailto:address@example.com">address@example.com</a><br>
            India<br>
            Ph. 0123456789<br>
            <a href="https://htmlformatter.github.io/">htmlformatter.github.io</a>
        </address>
    </body>
</html>

Заключение

В этом уроке по HTML мы изучили тег HTML <address> и рассмотрели различные примеры, охватывающие определение элемента HTML-адреса и его стилизацию.