HTML-Adress-Tag-HTML-Tutorial-php.cn

Die Das Tag wird verwendet, um Kontaktdaten zum Websitebesitzer oder Artikelautor abzurufen. Dazu können Adresse, Telefon, E-Mail, Website-Verbindung und vieles mehr gehören. Die Das Tag ist für verschiedene Kontexte hilfreich, einschließlich Geschäftskontaktinformationen im Seitenkopf oder für den Autor relevante Kontaktinformationen usw. Traditionell stellen Browser den im

-Tag enthaltenen Text in kursiver Schrift dar. Etikett. Dieses Tag wird üblicherweise auch als Element von < bezeichnet. Adresse>. Normalerweise ist < Adresse > Das Element wird in ein <-Element eingefügt. Fußzeile > Element zusammen mit anderen Details. Auf keine andere Weise sollte es zur Identifizierung von Adressen verwendet werden? In diesem Thema erfahren Sie mehr über das HTML-Adress-Tag.

Syntax

Die Syntax der

Tag wird wie unten gezeigt geschrieben:

<html>
<body>
<address>
Contact Information:<br>
www.mycompany.com<br>
#12345, Main Street<br>
Name of City, Name of State
</address>
</body>
</html>

Nach dem Login kopieren

Attribute

Hier sind die folgenden Attribute aufgeführt

1. Globale Attribute

Globale Attribute beziehen sich auf Attribute, die in jedem HTML-Element verwendet werden. Solche Attribute sind in allen HTML-Elementen verbreitet.

accesskey: Definiert die Tastenkombination zum Aktivieren des Elements.
Klasse: Gibt die Klassennamen für ein Element an.
contenteditable: Wird verwendet, um anzugeben, ob ein Element bearbeitet werden kann oder nicht.
dir: Wird verwendet, um die Textrichtung eines Elements zu definieren.
Dragable: Es definiert, wie das Element auf der Seite gezogen werden kann.
Dropzone: Wird verwendet, um anzugeben, ob Daten kopiert, verschoben oder verknüpft werden können, wenn sie verbunden sind.
id: Definiert die spezifische ID für das Element.
lang: Es definiert die Sprache für den Inhalt des Elements.
Stil: Stellt den CSS-Stil für das Element bereit.
tabindex: Wird verwendet, um die Tab-Reihenfolge für das Element zu definieren.
Titel: Wird verwendet, um zusätzliche Informationen für das Element bereitzustellen.
übersetzen: Gibt an, ob der Inhalt des Elements übersetzt werden kann oder nicht.
Rechtschreibprüfung: Definiert die Rechtschreibprüfung für den Inhalt eines Elements.
Daten: Wird zum Austausch privater Daten zwischen HTML- und DOM-Darstellung verwendet.
versteckt: Dieses Attribut wird verwendet, wenn die Elemente ausgeblendet werden müssen

2. Ereignisattribute

Ein Ereignis tritt immer dann ein, wenn ein Browser auf den Eingriff eines bestimmten Benutzers reagiert. Wenn ein Benutzer mit der Maus klickt, ein Dokument oder ein Bild hochlädt, ein Video abspielt oder eine andere Aktivität auf einer Webseite ausführt.

3. Windows-Ereignisattribute

Fensterereignisattribute werden verwendet, wenn Fensterobjekte initiiert werden.

onafterprint: Wird verwendet, wenn das Dokument gedruckt werden muss.
onbeforeprint: Wird ausgeführt, bevor das Dokument gedruckt werden muss.
onbeforeload: Wird verwendet, wenn das Dokument entladen wird.
onblur: Dieses Attribut wird definiert, wenn kein Fokus vom Fenster vorhanden ist.
onerror: Wird definiert, wenn beim Herunterladen des Dokuments ein Fehler auftritt.
onload: Wird angegeben, wenn Webseiteninhalte geladen werden.
onmessage: Wird verwendet, wenn eine Nachricht einen Grund hat.
onoffline: Dieses Attribut wird verwendet, wenn der Browser im Offline-Modus arbeitet.
ononline: Dieses Attribut wird verwendet, wenn der Browser im Online-Modus funktioniert.
onpagehide: Wird angegeben, wenn der Benutzer die Webseite verlässt.
onpageshow: Wird angegeben, wenn der Benutzer zur Webseite navigiert.
onpopstate: Dieses Attribut wird verwendet, wenn es eine Änderung im Fensterverlauf gibt.
onredo: Wird verwendet, wenn es auf einer Seite eine Redo-Option gibt.
onresize: Wird angegeben, wenn der Benutzer die Größe des Fensters ändert.
onstorage: Wird definiert, wenn es ein Update im Webspeicher gibt.
onundo: Wird verwendet, wenn eine Rückgängig-Option vorhanden ist, die abgebrochen werden kann.
onunload: Wird angegeben, wenn der Webseiteninhalt entladen wird.

4. Formularereignisattribute

Ein Ereignis, das innerhalb eines Formulars stattfinden kann, wird als Ereignis im Prozess betrachtet. Die Formularereignisse treten auf, wenn ein Benutzer ein Formular öffnet oder schließt, zwischen Formularen wechselt oder ein Formular mit Daten bearbeitet.

onblur: This attribute will be defined when there is no focus on the form element.
onchange: It is defined when there is a change in the value of an element.
oncontextmenu: It is used when the user wants to see the context menu.
onfocus: It is used when an element gets a focus.
oninput: It is used when an element gets input from the user.
oninvalid: It is specified when there is an invalid element on a page.
onreset: This attribute will be used when a user wants to reset the form.
onsearch: It is defined when the user searches for some information in the search field.
onselect: It is used when the user selects the text in an element.
onsubmit: It is used when the user submits the form.

Examples of implementing HTML address Tag

Here are the following examples mention below

Example #1

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
Contact Address:<br>
mycompany.com<br>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Save the above code in a file with a .html extension
Run the html file in a browser, and you would get the output as shown in the below image

HTML-Adress-Tag

Example #2 – Color property

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
color: #1c87c9;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<p class="color_prop">Contact Address:</p>
mycompany.com<br>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Example #3 – Background Color Property

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
background-color: #1c87c9;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<div class="color_prop">Contact Address:<br>
mycompany.com<br>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</div>
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Example #4 – Text Decoration

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.style1 {
text-decoration: underline;
}
.style2 {
text-decoration: italic;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<p class="style1">Contact Address:</p>
<p class="style2">mycompany.com</p>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</div>
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Example #5 – CSS Fonts

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.style1 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.style2 {
font-weight: bolder;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<p class="style1">Contact Address:</p>
<p class="style2">mycompany.com</p>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</div>
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Example #6 – Text Shadow

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.style1 {
text-shadow: 2px 2px #1c87c9;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<p class="style1">Contact Address:</p>
mycompany.com<br>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</div>
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Example #7 – Line Height

Code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
line-height: 2.0;
}
</style>
</head>
<body>
<article>
<h2>This is Heading Title</h2>
<p>Information about article will be written here...</p>
</article>
<footer>
<address>
<div class="color_prop">Contact Address:<br>
mycompany.com<br>
#987 5th Main, 10th Cross<br>
XYZ road<br>
New Delhi, India
</div>
</address>
</footer>
</body>
</html>

Nach dem Login kopieren

Output:

Run the above file in a browser, and you would get the output as shown in the below image:

HTML-Adress-Tag

Conclusion

So far, we have studied how to address tag will be used when an owner wants to specify the address information. In order to quickly contact the author via email, this feature is often combined with the HTML mailto property. The address tag will usually be included in the section < footer> section.

Das obige ist der detaillierte Inhalt vonHTML-Adress-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!