Tag Alamat HTML

tag digunakan untuk mendapatkan butiran hubungan mengenai pemilik tapak atau pengarang artikel. Ia mungkin termasuk alamat, telefon, e-mel, sambungan tapak web dan banyak lagi. teg berguna untuk konteks yang berbeza, termasuk maklumat hubungan perniagaan dalam pengepala halaman, atau maklumat hubungan yang berkaitan dengan pengarang, dsb. Secara tradisinya, penyemak imbas membuat sebagai teks condong yang terkandung dalam tag. Tag ini juga biasanya dirujuk sebagai unsur . Biasanya, elemen akan dimasukkan dalam elemen bersama dengan butiran lain. Tiada cara lain yang patut digunakan untuk mengenal pasti alamat? Dalam topik ini, kita akan belajar tentang Teg Alamat HTML.

Sintaks

Sintaks tag akan ditulis seperti yang ditunjukkan di bawah:

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

Atribut

Berikut ialah atribut berikut yang disebut di bawah

1. Atribut Global

Atribut Global akan digunakan untuk berkaitan dengan atribut yang digunakan pada mana-mana elemen HTML. Atribut sedemikian adalah lazim merentas semua elemen HTML.

• kunci akses: Ia mentakrifkan kekunci pintasan untuk mengaktifkan elemen.
• kelas: Ia memberikan nama kelas untuk elemen.
• boleh diedit kandungan: Ia digunakan untuk menunjukkan sama ada elemen boleh diedit atau tidak.
• dir: Ia digunakan untuk menentukan arah teks sesuatu elemen.
• boleh diseret: Ia mentakrifkan cara elemen boleh diseret pada halaman.
• dropzone: Ia digunakan untuk menunjukkan sama ada data boleh disalin, dialihkan atau dipautkan apabila ia disambungkan.
• id: Ia mentakrifkan id khusus untuk elemen.
• lang: Ia mentakrifkan bahasa untuk kandungan elemen.
• gaya: Ia menyediakan gaya CSS untuk elemen.
• tabindex: Ia digunakan untuk mentakrifkan susunan tab untuk elemen.
• tajuk: Ia digunakan untuk memberikan maklumat tambahan untuk elemen.
• terjemah: Ia menunjukkan sama ada kandungan unsur boleh diterjemahkan atau tidak.
• semakan ejaan: Ia mentakrifkan semakan ejaan untuk kandungan unsur.
• data: Ia digunakan untuk menukar data peribadi antara HTML dan gambaran DOM.
• tersembunyi: Atribut ini digunakan apabila terdapat keperluan untuk menyembunyikan elemen

2. Atribut acara

Peristiwa berlaku apabila penyemak imbas bertindak balas terhadap campur tangan pengguna tertentu. Apabila pengguna mengklik pada tetikus, memuat naik dokumen atau gambar, memainkan video atau melakukan sebarang aktiviti lain pada halaman web.

3. Atribut Acara Windows

Atribut acara tetingkap digunakan apabila objek tetingkap dimulakan.

• onafterprint: Ia digunakan apabila dokumen perlu dicetak.
• pada cetakan sebelum: Ia dilaksanakan sebelum apabila dokumen perlu dicetak.
• pada sebelum dimuatkan: Ia digunakan apabila dokumen akan dipunggah.
• onblur: Atribut ini akan ditakrifkan apabila tiada fokus dari tetingkap.
• ralat: Ia ditakrifkan apabila terdapat ralat semasa memuat turun dokumen.
• onload: Ia ditentukan apabila kandungan halaman web dimuatkan.
• pada mesej: Ia digunakan apabila terdapat sebab dalam mesej.
• dalam talian: Atribut ini akan digunakan apabila penyemak imbas berfungsi semasa mod luar talian.
• ononline: Atribut ini akan digunakan apabila penyemak imbas berfungsi semasa mod dalam talian.
• onpagehide: Ia ditentukan apabila pengguna beralih dari halaman web.
• onpageshow: Ia ditentukan apabila pengguna menavigasi ke halaman web.
• onpopstate: Atribut ini akan digunakan apabila terdapat perubahan dalam sejarah tetingkap.
• dibuat semula: Ia digunakan apabila terdapat pilihan buat semula pada halaman.
• onresize: Ia ditentukan apabila pengguna mengubah saiz tetingkap.
• penyimpanan: Ia ditakrifkan apabila terdapat kemas kini dalam storan web.
• undur: Ia digunakan apabila terdapat pilihan buat asal yang dibatalkan.
• memuat: Ia ditentukan apabila kandungan halaman web dipunggah.

4. Bentuk Atribut Acara

Peristiwa yang boleh berlaku dalam borang dianggap sebagai peristiwa dalam proses. Peristiwa borang berlaku apabila pengguna membuka atau menutup borang, bertukar antara borang atau mengendalikan borang dengan data.

• 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

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>


<article>
<h2 id="This-is-Heading-Title">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>

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:

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
color: #1c87c9;
}
</style>


<article>
<h2 id="This-is-Heading-Title">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>

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:

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
background-color: #1c87c9;
}
</style>


<article>
<h2 id="This-is-Heading-Title">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>

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:

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.style1 {
text-decoration: underline;
}
.style2 {
text-decoration: italic;
}
</style>


<article>
<h2 id="This-is-Heading-Title">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

</address>
</footer>

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:

<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>


<article>
<h2 id="This-is-Heading-Title">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

</address>
</footer>

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:

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.style1 {
text-shadow: 2px 2px #1c87c9;
}
</style>


<article>
<h2 id="This-is-Heading-Title">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

</address>
</footer>

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:

<meta charset="UTF-8">
<title>
HTML Address Tag
</title>
<style>
.color_prop {
line-height: 2.0;
}
</style>


<article>
<h2 id="This-is-Heading-Title">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>

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 section.

Atas ialah kandungan terperinci Tag Alamat HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!