Sei sulla pagina 1di 13

Ordered Alphabetically

DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset Tag <!--...--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area /> <b> <base /> <basefont /> <bdo> <big> <blockquote> <body> <br /> <button> <caption> <center> <cite> <code> <col /> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <fieldset> <font> Description Defines a comment Defines the document type Defines an anchor Defines an abbreviation Defines an acronym Defines contact information for the author/owner of a document Deprecated. Defines an embedded applet Defines an area inside an image-map Defines bold text Specifies the base URL/target for all relative URLs in a document Deprecated. Specifies a default color, size, or font for all the text in a document Overrides the current text direction Defines big text Defines a long quotation Defines the document's body Defines a single line break Defines a clickable button Defines a table caption Deprecated. Defines centered text Defines a citation Defines a piece of computer code Defines attribute values for one or more columns in a table Specifies a group of one or more columns in a table for formatting Defines a description of an item in a definition list Defines text that has been deleted from a document Defines a definition term Deprecated. Defines a directory list Defines a section in a document Defines a definition list Defines a term (an item) in a definition list Defines emphasized text Groups related elements in a form Deprecated. Defines font, color, and size for text DTD STF STF STF STF STF STF TF STF STF STF TF STF STF STF STF STF STF STF TF STF STF STF STF STF STF STF TF STF STF STF STF STF TF

<form> <frame /> <frameset> <h1> to <h6> <head> <hr /> <html> <i> <iframe> <img /> <input /> <ins> <kbd> <label> <legend> <li> <link /> <map> <menu> <meta /> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param /> <pre> <q> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style>

Defines an HTML form for user input STF Defines a window (a frame) in a frameset F Defines a set of frames F Defines HTML headings STF Defines information about the document STF Defines a horizontal line STF Defines the root of an HTML document STF Defines italic text STF Defines an inline frame TF Defines an image STF Defines an input control STF Defines text that has been inserted into a document STF Defines keyboard input STF Defines a label for an <input> element STF Defines a caption for a <fieldset> element STF Defines a list item STF Defines the relationship between a document and an external resource STF Defines a client-side image-map STF Deprecated. Defines a menu list TF Defines metadata about an HTML document STF Defines an alternate content for users that do not support frames TF Defines an alternate content for users that do not support client-side scripts STF Defines an embedded object STF Defines an ordered list STF Defines a group of related options in a drop-down list STF Defines an option in a drop-down list STF Defines a paragraph STF Defines a parameter for an object STF Defines preformatted text STF Defines a short quotation STF Deprecated. Defines strikethrough text TF Defines sample output from a computer program STF Defines a client-side script STF Defines a drop-down list STF Defines smaller text STF Defines a section in a document STF Deprecated. Defines strikethrough text TF Defines strong text STF Defines style information for a document STF

<sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <u> <ul> <var> <xmp>

Defines subscripted text Defines superscripted text Defines a table Groups the body content in a table Defines a cell in a table Defines a multiline input control (text area) Groups the footer content in a table Defines a header cell in a table Groups the header content in a table Defines a title for the document Defines a row in a table Defines teletype text Deprecated. Defines underlined text Defines an unordered list Defines a variable Deprecated. Defines preformatted text

STF STF STF STF STF STF STF STF STF STF STF STF TF STF STF

<!DOCTYPE> Defines the document type STF <html> Defines an HTML document STF <body> Defines the document's body STF <h1> to <h6> Defines HTML headings STF <p> Defines a paragraph STF <br /> Inserts a single line break STF <hr /> Defines a horizontal line STF <!--...--> Defines a comment STF Formatting <acronym> Defines an acronym STF <abbr> Defines an abbreviation STF <address> Defines contact information for the author/owner of a document STF <b> Defines bold text STF <bdo> Overrides the current text direction STF <big> Defines big text STF <blockquote> Defines a long quotation STF <center> Deprecated. Defines centered text TF <cite> Defines a citation STF <code> Defines a piece of computer code STF <del> Defines text that has been deleted from a document STF <dfn> Defines a definition term STF <em> Defines emphasized text STF <font> Deprecated. Defines font, color, and size for text TF <i> Defines italic text STF <ins> Defines text that has been inserted into a document STF <kbd> Defines keyboard input STF <pre> Defines preformatted text STF <q> Defines a short quotation STF <s> Deprecated. Defines strikethrough text TF <samp> Defines sample output from a computer program STF <small> Defines smaller text STF <strike> Deprecated. Defines strikethrough text TF <strong> Defines strong text STF <sub> Defines subscripted text STF <sup> Defines superscripted text STF <tt> Defines teletype text STF <u> Deprecated. Defines underlined text TF <var> Defines a variable STF <xmp> Deprecated. Defines preformatted text Forms <form> Defines an HTML form for user input STF <input /> Defines an input control STF <textarea> Defines a multiline input control (text area) STF <button> Defines a clickable button STF <select> Defines a drop-down list STF <optgroup> Defines a group of related options in a drop-down list STF <option> Defines an option in a dropdown list STF <label> Defines a label for an <input> element STF <fieldset> Groups related elements in a form STF <legend> Defines a caption for a <fieldset> element STF Frames <frame /> Defines a window (a frame) in a frameset F <frameset> Defines a set of frames F <noframes> Defines an alternate content for users that do not support frames TF <iframe> Defines an inline frame TF Images <img /> Defines an image STF <map> Defines an image-map STF <area /> Defines an area inside an image-map STF Links <a> Defines an anchor STF <link /> Defines the relationship between a document and an external resource STF Lists <ul> Defines an

unordered list STF <ol> Defines an ordered list STF <li> Defines a list item STF <dir> Deprecated. Defines a directory list TF <dl> Defines a definition list STF <dt> Defines an item in a definition list STF <dd> Defines a description of an item in a definition list STF <menu> Deprecated. Defines a menu list TF Tables <table> Defines a table STF <caption> Defines a table caption STF <th> Defines a header cell in a table STF <tr> Defines a row in a table STF <td> Defines a cell in a table STF <thead> Groups the header content in a table STF <tbody> Groups the body content in a table STF <tfoot> Groups the footer content in a table STF <col /> Defines attribute values for one or more columns in a table STF <colgroup> Defines a group of columns in a table for formatting STF Styles <style> Defines style information for a document STF <div> Defines a section in a document STF <span> Defines a section in a document STF Meta Info <head> Defines information about the document STF <title> Defines the document title STF <meta> Defines metadata about an HTML document STF <base /> Specifies the base URL/target for all relative URLs in a document STF <basefont /> Deprecated. Specifies a default color, size, or font for all the text in a document TF Programming <script> Defines a client-side script STF <noscript> Defines an alternate content for users that do not support client-side scripts STF <applet> Deprecated. Defines an embedded applet TF <object> Defines an embedded object STF <param /> Defines a parameter for an object STF

HTML TAGS

HTML Text Formatting Tags


Tag <b> <big> <em> <i> Description Defines bold text Defines big text Defines emphasized text Defines italic text

<small> Defines small text <strong> Defines strong text <sub> <sup> <ins> Defines subscripted text Defines superscripted text Defines inserted text

<del>

Defines deleted text

HTML "Computer Output" Tags


Tag Description

<code> Defines computer code text <kbd> Defines keyboard text <samp> Defines sample computer code <tt> <var> <pre> Defines teletype text Defines a variable Defines preformatted text

HTML Citations, Quotations, and Definition Tags


Tag <abbr> <acronym> <address> <bdo> <blockquote> <q> <cite> <dfn> <address> Written by W3Schools.com<br /> <a href="mailto:emmyconfidence@gmail.com">Email us</a><br /> Description Defines an abbreviation Defines an acronym Defines contact information for the author/owner of a document Defines the text direction Defines a long quotation Defines a short quotation Defines a citation Defines a definition term

Address: Box 564, Disneyland<br /> Phone: +12 34 56 78 </address>

Bi-directional override <html> <body>

<p> If your browser supports bi-directional override (bdo), the next line will be written from the right to the left (rtl): </p>

<bdo dir="rtl"> Here is some Hebrew text </bdo>

</body> </html>

Although this is no longer supported in html 4 <p> <font size="5" face="arial" color="red"> This paragraph is in Arial, size 5, and in red text color. </font> </p> <p> <font size="3" face="verdana" color="blue"> This paragraph is in Verdana, size 3, and in blue text color.

</font> </p>

The right way to do it <html> <body>

<h1 style="font-family:verdana">This is a heading</h1> <p style="font-family:courier">This is a paragraph.</p>

</body> </html>

<html> <body>

<h1 style="font-size:200%">This is a heading</h1> <p style="font-size:110%">This is a paragraph.</p>

</body> </html>

<html> <body>

<h1 style="color:blue">This is a heading</h1> <p style="color:red">This is a paragraph.</p>

</body> </html>

<html> <body>

<p style="font-family:verdana;font-size:110%;color:green"> This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. </p>

</body> </html>

<html> <body style="background-color:yellow;"> <h2 style="background-color:red;">This is a heading</h2> <p style="background-color:green;">This is a paragraph.</p> </body> </html>

Obsolete <body bgcolor="yellow">

Align center <h1 style="text-align:center;">Center-aligned heading</h1>

<p>This is a paragraph.</p> Old way <center> <h> the text is align center </h> </center>

Deprecated Tags and Attributes


In HTML 4, several tags and attributes were deprecated. Deprecated means that they will not be supported in future versions of HTML. The message is clear: Avoid using deprecated tags and attributes! These tags and attributes should be avoided: Tags Description <center> Deprecated. Defines centered content <font> and <basefont> Deprecated. Defines HTML fonts <s> and <strike> Deprecated. Defines strikethrough text <u> Deprecated. Defines underlined text Attributes Description align Deprecated. Defines the alignment of text bgcolor Deprecated. Defines the background color color Deprecated. Defines the text color For all of the above: Use styles instead!
Target on a new tab <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Basic Notes - Useful Tips


Note: Always add a trailing slash to subfolder references. If you link like this: href="http://www.w3schools.com/html", you will generate two requests to the server, the server will first add a slash to the address, and then create a new request like this: href="http://www.w3schools.com/html/". Tip: Named anchors are often used to create "table of contents" at the beginning of a large document. Each chapter within the document is given a named anchor, and links to each of these anchors are put at the top of the document.

<h4>An Unordered List:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h4>An Ordered List:</h4> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> <h4>Numbered list:</h4> <ol> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ol> <h4>Letters list:</h4> <ol type="A"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ol>

<h4>Lowercase letters list:</h4> <ol type="a"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ol> <h4>Roman numbers list:</h4> <ol type="I"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ol> <h4>Lowercase Roman numbers list:</h4> <ol type="i"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ol> <h4>Disc bullets list:</h4> <ul type="disc"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> <h4>Circle bullets list:</h4>

<ul type="circle"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> <h4>Square bullets list:</h4> <ul type="square"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> <h4>A nested List:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> <h4>A nested List:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul>

<li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul>

HTML List Tags


Tag Description <ol> Defines an ordered list <ul> Defines an unordered list <li> Defines a list item <dl> Defines a definition list <dt> Defines an item in a definition list <dd> Defines a description of an item in a definition list

Potrebbero piacerti anche