Attributes
- HTML elements can have attributes
- Attributes provide additional information about an element
- Attributes are always specified in the start tag
- Attributes come in name/value pairs like: name="value"
Ordered Alphabetically
- DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict,
T=Transitional, and F=Frameset
- <!--...--> Defines a comment
- <!DOCTYPE> Defines the document type
- <a> Defines an anchor
- <abbr> Defines an abbreviation
- <address> Defines contact information for the author/owner of document
- <area /> Defines an area inside an image-map
- <bdo> Overrides the current text direction
- <big> Defines big text
- <blockquote> Defines a long quotation
- <body> Defines the document's body
- <br /> Defines a single line break
- <button> Defines a clickable button
- <caption> Defines a table caption
- <center> Deprecated. Defines centered text
- <code> Defines a piece of computer code
- <dd> Defines a description of an item in a definition list
- <dir> Deprecated. Defines a directory list
- <div> Defines a section in a document
- <dl> Defines a definition list
- <dt> Defines a term (an item) in a definition list
- <em> Defines emphasized text
- <fieldset> Groups related elements in a form
- <font> Deprecated. Defines font, color, and size for text
- <form> Defines an HTML form for user input
- <frame /> Defines a window (a frame) in a frameset
- <h1> to <h6> Defines HTML headings
- <head> Defines information about the document
- <hr /> Defines a horizontal line
- <html> Defines the root of an HTML document
- <i> Defines italic text
- <iframe> Defines an inline frame
- <img /> Defines an image
- <input /> Defines an input control
- <label> Defines a label for an <input> element
- <legend> Defines a caption for a <fieldset> element
- <li> Defines a list item
- <link /> Defines the relationship between a document and an external resource
- <menu> Deprecated. Defines a menu list
- <meta /> Defines metadata about an HTML document,according to that Html loaded means if device is Desktop then load Desktop version same as mobile
- <noframes> Defines an alternate content for users that do not support frames
- <noscript> Defines an alternate content for users that do not support client- side scripts
- <option> Defines an option in a drop-down list
- <p> Defines a paragraph
- <pre> Defines preformatted text
- <script> Defines a client-side script
- <select> Defines a drop-down list
- <span> Defines a section in a document
- <strike> Deprecated. Defines strikethrough text
- <strong> Defines strong text
- <style> Defines style information for a document
- <sub> Defines subscripted text
- <sup> Defines superscripted text
- <tbody> Groups the body content in a table
- <td> Defines a cell in a table
- <textarea> Defines a multiline input control (text area)
- <th> Defines a header cell in a table
- <thead> Groups the header content in a table
- <title> Defines a title for the document
- <tr> Defines a row in a table
- <ul> Defines an unordered list
HTML <!--...--> Tag
<html>
<body>
<!--This is a comment. Comments are not displayed in the browser-->
<p>This is a paragraph.</p>
</body>
</html>
Output:
This is a paragraph.
HTML <!DOCTYPE> Declaration
HTML <title> Tag
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Output:
The content of the document......
HTML <a > Tag
<html>
<body>
<a href="http://www.w3schools.com">Visit W3Schools.com!</a>
</body>
</html>
Output:
Visit W3Schools.com!
HTML <abbr > Tag
<html>
<body>
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
</body>
</html>
Output:
The WHO was founded in 1948. \*when keep curser on WHO then display
World Health Organization
HTML <acronym> Tag
<html>
<body>
Can I get this <acronym title="as soon as possible">ASAP</acronym>?
</body>
</html>
Output: Can I get this ASAP
as soon as possible\*when keep curser on ASAP then display
HTML <address> Tag
<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> Output: Written by W3Schools.com
Email us
Address: Box 564, Disneyland
Phone: +12 34 56 7
/*when click on Email us then display us@example.org
HTML <area> Tag
<html>
<body>
<p>Click on the sun or on one of the planets to watch it closer:</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
</map>
</body>
</html>
<html>
<body>
<!--This is a comment. Comments are not displayed in the browser-->
<p>This is a paragraph.</p>
</body>
</html>
Output:
This is a paragraph.
HTML <!DOCTYPE> Declaration
HTML <title> Tag
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Output:
The content of the document......
HTML <a > Tag
<html>
<body>
<a href="http://www.w3schools.com">Visit W3Schools.com!</a>
</body>
</html>
Output:
Visit W3Schools.com!
HTML <abbr > Tag
<html>
<body>
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
</body>
</html>
Output:
The WHO was founded in 1948. \*when keep curser on WHO then display
World Health Organization
HTML <acronym> Tag
<html>
<body>
Can I get this <acronym title="as soon as possible">ASAP</acronym>?
</body>
</html>
Output: Can I get this ASAP
as soon as possible\*when keep curser on ASAP then display
HTML <address> Tag
<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> Output: Written by W3Schools.com
Email us
Address: Box 564, Disneyland
Phone: +12 34 56 7
/*when click on Email us then display us@example.org
HTML <area> Tag
<html>
<body>
<p>Click on the sun or on one of the planets to watch it closer:</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
</map>
</body>
</html>
No comments:
Post a Comment