Abbr:
The <abbr> tag is supported in all major browsers.
The <abbr> tag describes an abbreviated phrase.
By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers
<html>
<body>
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
</body>
</html>
Result:
Acronym:
The <acronym> tag is supported in all major browsers
The <acronym> tag defines an acronym.
An acronym can be spoken as if it were a word, example NATO, NASA, ASAP, GUI.
By marking up acronyms you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
<html>
<body>
Can I get this <acronym title="as soon as possible">ASAP</acronym>?
</body>
</html>
Result:
Address:
The <address> tag is supported in all major browsers.
The <address> tag defines the contact information for the author or owner of a document. This way, the reader is able to contact the document's owner.
The <address> element is usually added to the header or footer of a webpage.
The content of the <address> element usually renders in italic. Most browsers will also add a line break before and after the <address> element.
<html>
<body>
<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>
</body>
</html>
Result:
Base:
The <base> tag is supported in all major browsers.
The <base> tag specifies the base URL/target for all relative URLs in a document.
The <base> tag goes inside the <head> element.
<html>
<head>
<base href="http://www.w3schools.com/images/" target="_blank" />
</head>
<body>
<img src="stickman.gif" />
<a href="http://www.w3schools.com">W3Schools</a>(opens in new window)
</body>
</html>
Bdo:
The <bdo> tag is supported in all major browsers.
bdo stands for Bi-Directional Override.
The <bdo> tag is used to override the current text direction.
<html>
<body>
<bdo dir="rtl">Here is some Hebrew text that should be written from right-to-left!</bdo>
</body>
</html>
Result:
Col:
The <col> tag is supported in all major browsers.
The <col> tag defines attribute values for one or more columns in a table.
The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
The <col> tag can only be used inside a <table> or a <colgroup> element.
Set the background color of the three columns with the <colgroup> and <col> tags. Two <colgroup> elements. The first spans two columns and sets the background-color to red, the second sets the background-color to blue:
<html>
<body>
<table border="1">
<colgroup>
<col span="2" style="background-color:red" />
<col style="background-color:yellow" />
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>
Result:
No comments:
Post a Comment