HTML

1.
comment
 2. doctype: The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag.The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the <!DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly.HTML5 is not based on SGML, and therefore does not require a reference to a DTD. Example: <!DOCTYPE html>
<html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> 3.<a>
The <a> tag defines a hyperlink, which is used to link from one page to another.The most important attribute of the <a> element is the href attribute, which indicates the links destination.By default, links will appear as follows in all browsers: An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red Example: <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 4. The <abbr> tag indicates an abbreviation or an acronym, like "WWW" or "NATO". The
<abbr title="World Health Organization">WHO</abbr> was founded in 1948.
5. The <acronym> tag defines an acronym. An acronym can be spoken as if it were a

word, example NATO, NASA, ASAP, GUI. 6. address
<address> Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> 7.applet <applet code="Bubbles.class" width="350" height="350"> Java applet that draws animated bubbles. </applet>
8. The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The <area> element is always nested inside a <map> tag.
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map> 9. article: <article> <h1>Internet Explorer 9</h1> <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....</p> </article> 10. The <audio> tag defines sound, such as music or other audio streams. <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio> 11. bold <b>and this is bold text</b> 12. The <base> tag specifies the base URL/target for all relative URLs in a document.
13. <big>Bigger text</big> 14. The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag. 15. <button type="button">Click Me!</button>
16. Caption: example<table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 17. <center>This text will be center-aligned.</center> 18. <cite>The Scream</cite> by Edward Munch. Painted in 1893 19. The <em>, <strong>, <dfn>, <code>, <samp>, <kbd>, and <var> tags are all
phrase tags. They are not deprecated, but it is possible to achieve richer effect with CSS.
<em>Emphasized text</em> <strong>Strong text</strong> <dfn>Definition term</dfn> <code>A piece of computer code</code> <samp>Sample output from a computer program</samp> <kbd>Keyboard input</kbd> <var>Variable</var> 20. <menu> <command type="command" label="Save" onclick="save()">Save</command> </menu> 21. <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> 22. <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> 23. <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
o/p: My favorite color is blue red!
24. details:
<details> <summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p> <p>All content and graphics on this web site are the property of the company Refsnes Data.</p> </details> 25. dir: <dir> <li>html</li> <li>xhtml</li> <li>css</li> </dir> 26. div <div style="color:#0000FF"> <h3>This is a heading</h3> <p>This is a paragraph.</p> </div> 27. definition list <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> 28. The <dt> tag defines an item in a definition list. The <dt> tag is used in conjunction
with <dl> (defines the definition list) and <dd> (describes the item in the list). 29. <em>Emphasized text</em><br> <strong>Strong text</strong><br> <dfn>Definition term</dfn><br> <code>A piece of computer code</code><br> <samp>Sample output from a computer program</samp><br> <kbd>Keyboard input</kbd><br> <var>Variable</var>
o/p: Emphasized text Strong text Definition term

A piece of computer code
Sample output from a computer program

Keyboard input
Variable 30. keygen <form action="demo_keygen.asp" method="get">

Username: <input type="text" name="usr_name"> Encryption: <keygen name="security"> <input type="submit"> </form>
Username:
Submit
Encryption:
Note: The <keygen> tag does not work in IE. 31. label:
<form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form>
o/p: Click on one of the text labels to toggle the related control:
Male Female
Submit
32. legend:
<form> <fieldset> <legend>Personalia:</legend> Name: <input type="text" size="30"><br> Email: <input type="text" size="30"><br> Date of birth: <input type="text" size="10"> </fieldset> </form> Personalia:
Name: Email: Date of birth:

33. li : <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> o/p:
An ordered list: 1. Coffee 2. Tea 3. Milk An unordered list: Coffee Tea Milk
34. link: <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head> 35. map: <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map> 36. mark; <p>Do not forget to buy <mark>milk</mark> today.</p> o/p: Do not forget to buy milk today.
37. menu :
<menu type="toolbar"> <li> <menu label="File"> <button type="button" <button type="button" <button type="button" </menu> </li> <li> <menu label="Edit"> <button type="button" <button type="button" <button type="button" </menu> </li> </menu> 38. meter:
onclick="file_new()">New...</button> onclick="file_open()">Open...</button> onclick="file_save()">Save</button>
onclick="edit_cut()">Cut</button> onclick="edit_copy()">Copy</button> onclick="edit_paste()">Paste</button>
The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
<meter value="2" min="0" max="10">2 out of 10</meter><br> <meter value="0.6">60%</meter>
Display a gauge: Note: The <meter> tag is not supported in IE and Safari.
39. nav: <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav o/p:
HTML | CSS | JavaScript | jQuery

40. noframes: <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> <noframes>Sorry, your browser does not handle frames!</noframes> </frameset> </html 41. <script> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript> 42. object: <object width="400" height="400" data="helloworld.swf"></object> 43. ol: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="50">
<li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> 44. option: <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> 45. output:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" name="a" value="50">100 +<input type="number" name="b" value="50"> =<output name="x" for="a b"></output> </form> 46. <p>This is some text in a paragraph.</p> 47. he <param> tag is used to define parameters for plugins embedded with an <object> element.
param: <object data="horse.wav"> <param name="autoplay" value="true"> </object> 48. pre: <pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre>
o/p: Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks
49. progress : <progress value="22" max="100"></progress>
Downloading progress: Note: The <progress> tag is not supported in IE and Safari.
50. <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p>
My car is blue. My new car is silver.

51. <script> document.write("Hello World!") </script> 52. <section>
<h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is....</p> </section> 53. <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> 54. <p>W3Schools.com - the world's largest web development site.</p>
<p><small>Copyright 1999-2050 by Refsnes Data</small></p> 55. <audio controls> <source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> 56. <p>My mother has <span style="color:blue">blue</span> eyes.</p> 57. <p>Version 2.0 is <strike>not yet available!</strike> now available!</p>
58.style
<html> <head> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html> 59. subscript <p>This text contains <sub>subscript</sub> text.</p> <p>This text contains <sup>superscript</sup> text.</p>
o/p: This text contains

superscript
subscript
text.
This text contains text. 60. table: <table border="1">

<tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
Month Savings January $100 February $80 61. table body:

<table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr>
<td>February</td> <td>$80</td> </tr> </tbody> </table> 62. td: <table border="1"> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> 63.textarea <textarea rows="4" cols="50"> At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. </textarea> 64. tfoot : <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> 65. Table head: <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 66. time: <p>We open at <time>10:00</time> every morning.</p> <p>I have a date on <time datetime="2008-02-14">Valentines day</time>.</p> 67. title: <html> <head> <title>HTML Reference</title> </head>
<body> The content of the document...... </body> </html> 68. track: <video width="320" height="240" controls> <source src="forrest_gump.mp4" type="video/mp4"> <source src="forrest_gump.ogg" type="video/ogg"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video> 69. <p><tt>Teletype text</tt></p> 70. u: <p>This is a <u>parragraph</u>.</p> This is a parragraph. 71. <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> 72. video : <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> 73. The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a linebreak.
<p> To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object. </p>

HTML

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

HTML

Transféré par

Droits d'auteur :

Formats disponibles

1.

<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

5. The <acronym> tag defines an acronym. An acronym can be spoken as if it were a

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

o/p: My favorite color is blue red!

o/p: Emphasized text Strong text Definition term

Sample output from a computer program

Variable 30. keygen <form action="demo_keygen.asp" method="get">

Name: Email: Date of birth:

onclick="file_new()">New...</button> onclick="file_open()">Open...</button> onclick="file_save()">Save</button>

onclick="edit_cut()">Cut</button> onclick="edit_copy()">Copy</button> onclick="edit_paste()">Paste</button>

<meter value="2" min="0" max="10">2 out of 10</meter><br> <meter value="0.6">60%</meter>

HTML | CSS | JavaScript | jQuery

49. progress : <progress value="22" max="100"></progress>

My car is blue. My new car is silver.

o/p: This text contains

This text contains text. 60. table: <table border="1">

Month Savings January $100 February $80 61. table body:

Vous aimerez peut-être aussi