?> ??? ??? ???? ?? ???? ?? ??? ??? ?? ? ?????. ???? ??, ????, ???, ???? ?? ?? ??? ? ????. ?> ??? ??? ??? ???? ??? ??? ???? ??? ??? ?? ? ??? ??? ?????. ????? ?????
???. ? ??? ????? < ??>. ????? < ?? > ??? < ??? > ?? ?? ??? ?? ??. ?? ????? ??? ???? ? ?????? ? ???? ?? ????? HTML ?? ??? ?? ???????.??
??? ??? ?? ?????.<html> <body> <address> Contact Information:<br> www.mycompany.com<br> #12345, Main Street<br> Name of City, Name of State </address> </body> </html>
??
??? ??? ??? ??? ????
1. ?? ??
?? ??? HTML ??? ???? ??? ??? ? ?????. ??? ??? ?? HTML ??? ?? ?? ????.
- accesskey: ??? ????? ?? ???? ?????.
- class: ??? ??? ??? ?????.
- contenteditable: ??? ??? ? ??? ??? ???? ? ?????.
- dir: ??? ??? ??? ???? ? ?????.
- draggable: ????? ??? ????? ??? ?????.
- dropzone: ?? ? ???? ??, ??, ??? ? ??? ??? ???? ? ?????.
- id: ??? ?? ID? ?????.
- lang: ?? ???? ??? ?????.
- style: ??? CSS ???? ?????.
- tabindex: ??? ? ??? ???? ? ?????.
- title: ??? ?? ?? ??? ???? ? ?????.
- translate: ??? ??? ??? ? ??? ??? ?????.
- ??? ??: ?? ???? ??? ??? ?????.
- data: HTML? DOM ?? ?? ??? ???? ???? ? ?????.
- hidden: ? ??? ??? ?? ??? ?? ? ?????
2. ??? ??
?? ???? ??? ????? ??? ??? ???? ?????. ???? ???? ?????, ??? ??? ??????, ???? ?????, ?????? ?? ??? ???? ?????.
3. Windows ??? ??
? ??? ??? ? ??? ??? ? ?????.
- onafterprint: ??? ???? ? ? ?????.
- onbeforeprint: ??? ???? ?? ?? ??? ?????.
- onbeforeload: ??? ???? ? ?????.
- onblur: ? ??? ?? ???? ?? ? ?????.
- onerror: ?? ???? ? ??? ??? ?? ?????.
- onload: ???? ???? ??? ? ?????.
- onmessage: ???? ??? ?? ? ?????.
- onoffline: ? ??? ????? ???? ???? ??? ? ?????.
- ononline: ? ??? ????? ??? ???? ??? ? ?????.
- onpagehide: ???? ?????? ??? ? ?????.
- onpageshow: ???? ????? ??? ? ?????.
- onpopstate: ? ??? ? ??? ??? ? ?????.
- onredo: ???? redo ??? ?? ? ?????.
- onresize: ???? ? ??? ??? ? ?????.
- onstorage: ?????? ????? ?? ? ?????.
- onundo: ??? ?? ?? ??? ?? ? ?????.
- onunload: ???? ???? ???? ? ?????.
4. ?? ??? ??
?? ??? ??? ? ?? ???? ?? ?? ???? ?????. ?? ???? ???? ??? ??? ?? ?, ?? ?? ??? ?, ???? ?? ???? ??? ? ?????.
- 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.
? ??? HTML ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

??? ??











? ??? ??? Core HTML ???? ???????. 1. ???? ?? ??? ?? ??? ???? ??? ???? ?? ?? ? ?? ??? ?????. 2. ??? ??? ?? ?? ? SEO? ???? ?? ?? (-), ?? () ? ?? ?? (? :)? ?????. 3. ?????? ???? ????, ????? ???? ??? ???? ????? ?? Aria-Current ??? ???? ?????. 4. ?? ?? ???? ?? ??? ?? ? ?? ??? ?????. ??? ??? ???? ???? ??? ???, ?? ?? ? ?? ?? ???? ?? ? ? ????.

HTML5SSE? ???? ?? ? ?? ? ??? ???? ???? ??? ?????. 1. ?? ? ?? ????? ??????. ??? ??? ????? ??? ?? ? ? 3 ? ?? ? ?????. ??? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ???? ?? ?? ?? ?? ?? ?? ??? ???? ?? ??? ???? ?? ? ??? ???? ???? ??, ?? ?? ? ?? ?? ? ?? ?? TOKEN? ?? ?? ??? ?????. 3. ??? ???? ?? ????, ?? ??? ?? ?? ????, Navigator.online? ???? ??? ???? ?? ??? ????? ? ? ?? ??? ????? ??????. ??? ??? ?? ???? ???? ??? ??? ???? ? ????.

DocType? HTML ?? ????? ???? ?? ???? ? ???? ????? ???? ????. ?? ? ???? HTML ??? ?? ????? ???????. ? ??? ????? ??? ??? ?? ?? ??? ???? ????? ? ?? ?? ???????. ?? ?? ??? ??? ?? ??? ?? ???? ?? ??? ???? ?? ????. Charset, Viewport ?? ?? ?? ??? ????? ???????.

?? ?? ???? HTML?? ??? ?? ???? ??????. ???? ??? ?? ??? ???? ??? ?? ??? ??? ?? ?? ??? ???? ????. 1. ??, ???, ??? ?? ?? ??? ???? ????. 2. ??, ???? ?? ?? ??? ???? ????. 3. ?? ?? ???? ?? ? ??? ???? ?? ?????. ?? ??? ??? ?????. ? ?? ??? ??? ??? ?? ???? ? ? ????. style ???? ???? ??? CSS ?? ?? ?????? ?? ???????. Select2? ?? ????? ??? ????? ? ??? ? ????.

HTML5, CSS ? JavaScript? ??? ??, ???? ?? ?? ? ???? ??? ????? ????????. 1. SEO ? ????? ???? ????? ??? ??? ? ?? ??? ??? ?? HTML5 ??? ??? ??????. 2. CSS? ???? ?? ??? ???? ???? ???? ??? ???? ????? ??? ?????. 3. JavaScript? ??? ???? ?? ???? DEFER ?? ASYNC? ???? ?? ???? ??? ?? ??? ????????. 4. ??? ??? ??? ???? ??? ??? ?? ? ??? ?? ?? ??? ?? ??? ???? ?? ?? ?? ??? ?? ?? ???? ??????. ??? ??? ??? ??? ????? ????? ?? ?? ? ? ????.

HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????

HTML5? FormData API? ???? ?? ???? ???? ?? ? ?????. 1. ?? ????? ?? ??? ???? ????? ???? ???? ?? ? ? ????. 2. ?? ???? ??? Fetch ?? Xmlhttprequest? ?? ?? ??/?? ??? ??? ??? ???????. 3. ??? ?? ? ? ??? FormData? ???? ??? ??????. 4. ??? ?? ??? ?? ?? JSON ?? ? ?? ??? ?? ? ??? ????.
