Die
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>
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>
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
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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>
Output:
Run the above file in a browser, and you would get the output as shown in the below image:
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!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
Was sind die wesentlichen HTML -Elemente für die Strukturierung einer Webseite?
Jul 03, 2025 am 02:34 AM
Die Webseitenstruktur muss durch Kern -HTML -Elemente unterstützt werden. 1. Die Gesamtstruktur der Seite besteht aus dem Stammelement, das Meta -Informationen speichert und den Inhalt anzeigt. 2. Die Inhaltsorganisation stützt sich auf Titel (-), Absatz () und Block-Tags (wie), um die Organisationsstruktur und die SEO zu verbessern; 3. Die Navigation wird durch und implementiert, h?ufig verwendete Organisationen werden mit dem Aria-Strom-Attribut verknüpft und erg?nzt, um die Zug?nglichkeit zu verbessern. 4. Formularinteraktion beinhaltet und, um die vollst?ndigen Eingabebereich- und Einreichungsfunktionen zu gew?hrleisten. Die ordnungsgem??e Verwendung dieser Elemente kann die Klarheit, Wartung und Suchmaschinenoptimierung der Seiten verbessern.
Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen.
Jul 03, 2025 am 02:28 AM
Bei Verwendung von HTML5SSE sind die Methoden zur Umsetzung mit Wiederverbindung und Fehlern: 1. Verst?ndnis des Standard -Wiederverbindungsmechanismus. EventSource erneut 3 Sekunden nach der Unterbrechung der Verbindung standardm??ig unterbrochen. Sie k?nnen das Intervall über das Wiederholungsfeld anpassen. 2. H?ren Sie sich das Fehlerereignis an, um mit Verbindungsfehler oder Parsenfehlern umzugehen, Fehlertypen zu unterscheiden und die entsprechende Logik auszuführen, z. B. Netzwerkprobleme, die sich auf automatische Wiederverbindung stützen, Serverfehler die Wiederverbindung und Authentifizierungsfehler aktualisieren. 3. Steuern Sie aktiv die Wiederverbindungslogik, wie z. B. manuelles Schlie?en und Wiederaufbau der Verbindung, die maximale Anzahl von Wiederholungszeiten und kombinieren Navigator. Diese Ma?nahmen k?nnen die Anwendungsstabilit?t und die Benutzererfahrung verbessern.
Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten.
Jul 03, 2025 am 02:35 AM
DocType ist eine Anweisung, die dem Browser mitteilt, mit dem HTML -Standard die Seite analysiert werden soll. Moderne Webseiten müssen nur zu Beginn der HTML -Datei geschrieben werden. Seine Funktion besteht darin, sicherzustellen, dass der Browser die Seite eher im Standardmodus als im seltsamen Modus rendert und sich in der ersten Zeile befinden muss, ohne Leerzeichen oder Kommentare davor. Es gibt nur einen richtigen Weg, um es zu schreiben, und es wird nicht empfohlen, alte Versionen oder andere Varianten zu verwenden. Andere wie Charset, Ansichtsfenster usw. sollten teilweise platziert werden.
Implementierung der Client-Seite-Formularvalidierung mithilfe von HTML-Attributen.
Jul 03, 2025 am 02:31 AM
Client-sideFormvalidationCanbedoneWithoutjavaScriptByusinghtmlattributes.1) UseSequeured toEnforcemandatoryfields.2) ValateMailsandurlswithTypeattributes-?hnlichemailorurl, orusepatternwithrExforcustomformaten
Wie Gruppenoptionen innerhalb einer Dropdown -Abteilung mit HTML Gruppieren?
Jul 04, 2025 am 03:16 AM
Verwenden Sie Tags in HTML, um Optionen im Dropdown-Menü zu Gruppoptionen zu erhalten. Die spezifische Methode besteht darin, eine Gruppe von Elementen zu wickeln und den Gruppennamen über das Label -Attribut zu definieren, wie z. B.: 1. Enth?lt Optionen wie ?pfel, Bananen, Orangen usw.; 2. Enth?lt Optionen wie Karotten, Brokkoli usw.; 3. jeweils ist eine unabh?ngige Gruppe, und die Optionen innerhalb der Gruppe werden automatisch eingerichtet. Zu den Notizen geh?ren: ① Es wird keine Verschachtung unterstützt; ② Die gesamte Gruppe kann über das behinderte Attribut deaktiviert werden. ③ Der Stil ist eingeschr?nkt und muss in Kombination mit CSS- oder Drittanbieterbibliotheken versch?nert werden. Plug-Ins wie Select2 k?nnen zur Verbesserung der Funktionen verwendet werden.
Integration von CSS und JavaScript effektiv in die HTML5 -Struktur.
Jul 12, 2025 am 03:01 AM
HTML5, CSS und JavaScript sollten effizient mit semantischen Tags, angemessenen Ladereihenfolge und Entkopplungsdesign kombiniert werden. 1. Verwenden Sie HTML5-Semantik-Tags, wie z. B. die Verbesserung der strukturellen Klarheit und Wartbarkeit, was dem SEO und barrierefreien Zugang f?rderlich ist. 2. CSS sollte eingerichtet werden, externe Dateien verwenden und nach dem Modul aufgeteilt werden, um Inline -Stile und verz?gerte Ladeprobleme zu vermeiden. 3. JavaScript wird empfohlen, voran vorzugehen, und verwenden Sie Defer oder Async, um asynchron zu laden, um das Blockieren des Renders zu vermeiden. 4. Reduzieren Sie die starke Abh?ngigkeit zwischen den drei, führen Sie das Verhalten durch Datenattribute und den Status der Klassennamen und verbessern Sie die Zusammenarbeit Effizienz durch einheitliche Benennungsspezifikationen. Diese Methoden k?nnen die Seitenleistung effektiv optimieren und mit Teams zusammenarbeiten.
Implementieren klickbarer Schaltfl?chen mithilfe des HTML -Schaltfl?chenelements
Jul 07, 2025 am 02:31 AM
Um HTML -Schaltfl?chenelemente zu verwenden, um anklickbare Schaltfl?chen zu erreichen, müssen Sie zun?chst die grundlegende Verwendung und gemeinsame Vorsichtsma?nahmen beherrschen. 1. Erstellen Sie Schaltfl?chen mit Tags und definieren Sie Verhaltensweisen durch Typattribute (z. B. Schaltfl?che, Senden, Zurücksetzen), die standardm??ig übermittelt werden. 2. Fügen Sie interaktive Funktionen über JavaScript hinzu, die über ID geschrieben werden k?nnen, um Ereignish?rer zu verbinden, um die Wartung zu verbessern. 3.. Verwenden Sie CSS, um Stile anzupassen, einschlie?lich Hintergrundfarbe, Grenze, abgerundete Ecken und Schwebe-/aktive Statusffekte, um die Benutzererfahrung zu verbessern. 4. Achten Sie auf h?ufige Probleme: Stellen Sie sicher, dass das behinderte Attribut nicht aktiviert ist. Meistere das
Senden von Formulardaten mit neuen HTML5 -Methoden (FormData)
Jul 08, 2025 am 02:28 AM
Es ist bequemer, Formulardaten mithilfe der FormData -API von HTML5 einzureichen. 1. Es kann automatisch Formularfelder mit Namensattribut erfassen oder manuell Daten hinzufügen. 2. Es unterstützt die Einreichung im Multipart/Form-Daten-Format über Fetch oder XMLHTTPrequest, das für das Datei-Upload geeignet ist. 3. Wenn Sie Dateien bearbeiten, müssen Sie die Datei nur an Formdata anh?ngen und eine Anfrage senden. V.
