Compare Revisions

HTML

Change Revisions

Revision 571389:

Revision 571389 by Jeremie on

Revision 571421:

Revision 571421 by Jeremie on

Title:
HTML
HTML
Slug:
User:Jeremie/HTML
User:Jeremie/HTML
Content:

Revision 571389
Revision 571421
n8      This is the list of all {{Glossary("HTML")}} {{Glossary("Eln8      This is the list of all {{Glossary("HTML")}} {{Glossary("El
>ement","elements")}}. They are group by function to help you find>ement","elements")}}. They are grouped by function to help you fi
> what you need to achive what you have in mind.>nd what you need to achive what you have in mind.
nn13    <h2 id="Basic_elements">
14      Basic elements
15    </h2>
16    <p>
17      Basic elements are the backbone of any HTML document.
18    </p>
nn20      <thead>
21        <tr>
22          <th scope="col">
23            &nbsp;
24          </th>
25          <th scope="col">
26            Element
27          </th>
28          <th scope="col">
29            Description
30          </th>
31        </tr>
32      </thead>
n16          <th colspan="3" scope="col">n35          <td>
17            <h2 id="Basic_elements">36            &nbsp;
18              Basic elements
19            </h2>Basic elements are the backbone of any HTML docu
>ment. 
20          </th>37          </td>
38          <td>
39            {{HTMLElement("html")}}
40          </td>
41          <td>
42            Defines an HTML document. Everything in an HTML docum
 >ent should be inside an {{HTMLElement("html")}} element except th
 >e {{Glossary("doctype")}}.
43          </td>
44        </tr>
21        </tr>45        <tr>
46          <td>
47            &nbsp;
48          </td>
49          <td>
50            {{HTMLElement("head")}}
51          </td>
52          <td>
53            Defines information about the document. You can provi
 >de general information about the current HTML document in the {{H
 >TMLElement("head")}}, such as {{Glossary("CSS","stylesheets")}}, 
 >JavaScript, search keywords, character encoding, etc.
54          </td>
55        </tr>
56        <tr>
57          <td>
58            &nbsp;
59          </td>
60          <td>
61            {{HTMLElement("body")}}
62          </td>
63          <td>
64            Defines the document's body. It's where all the stuff
 > people acually see goes.
65          </td>
66        </tr>
67      </tbody>
68    </table>
69    <h2 id="Document_metadata">
70      Document metadata
71    </h2>
72    <p>
73      Metadata allows to provide information to enhance the page 
 >such as styles, scripts or data to help software (Search engines,
 > {{Glossary("Browser","browsers")}}, etc.) to better use and rend
 >er the page.
74    </p>
75    <table class="standard-table">
76      <thead>
n33        <tr>n
34          <td>
35            &nbsp;
36          </td>
37          <td>
38            {{HTMLElement("html")}}
39          </td>
40          <td>
41            Defines an HTML document. Everything in an HTML docum
>ent should be inside an {{HTMLElement("html")}} element except th 
>e {{Glossary("doctype")}}. 
42          </td>
43        </tr>
44        <tr>
45          <td>
46            &nbsp;
47          </td>
48          <td>
49            {{HTMLElement("head")}}
50          </td>
51          <td>
52            Defines information about the document. You can provi
>de general information about the current HTML document in the {{H 
>TMLElement("head")}}, such as {{Glossary("CSS","stylesheets")}},  
>JavaScript, search keywords, character encoding, etc. 
53          </td>
54        </tr>
55        <tr>
56          <td>
57            &nbsp;
58          </td>
59          <td>
60            {{HTMLElement("body")}}
61          </td>
62          <td>
63            Defines the document's body. It's where all the stuff
> people acually see goes. 
64          </td>
65        </tr>
66      </tbody>88      </thead>
n69          <th colspan="3" scope="col">n
70            <h2 id="Document_metadata">
71              Document metadata
72            </h2>Metadata allows to provide things to enhance the
> page such as style or script or data to help software (Search en 
>gines, {{Glossary("Browser","browsers")}}, etc.) using the page b 
>etter. 
73          </th>
74        </tr>
75        <tr>
76          <th scope="col">
77            &nbsp;
78          </th>
79          <th scope="col">
80            Element
81          </th>
82          <th scope="col">
83            Description
84          </th>
85        </tr>
86        <tr>
n116            The {{HTMLElement("link")}} element defines relationsn120            Defines relationships between the current document an
>hips between the current document and other documents. It is most>d other documents. It is mostly used to link the document to a {{
>ly used to link the document to a {{Glossary("CSS","stylesheet")}>Glossary("CSS","stylesheet")}} but can serve other purpose such a
>} but can serve other purpose such as defining a relational frame>s defining a relational framework for navigation.
>work for navigation. 
n138            Used to write inline CSS.n142            Embeds or references executable {{Glossary("JavaScrip
 >t")}} code for the document.
n149            &nbsp;n153            Defines {{Glossary("CSS")}} styles information for th
 >e document.
nn159      Image &amp; multimedia
160    </h2>
161    <p>
162      HTML allows to embed various multimedia ressources such as 
 >images, audio, video and even mathematic formula.
163    </p>
164    <table class="standard-table">
165      <thead>
166        <tr>
167          <th scope="col">
168            &nbsp;
169          </th>
170          <th scope="col">
171            Element
172          </th>
173          <th scope="col">
174            Description
175          </th>
176        </tr>
177      </thead>
178      <tbody>
179        <tr>
180          <td>
181            &nbsp;
182          </td>
183          <td>
184            {{HTMLElement("area")}}
185          </td>
186          <td>
187            &nbsp;
188          </td>
189        </tr>
190        <tr>
191          <td>
192            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
193          </td>
194          <td>
195            {{HTMLElement("audio")}}
196          </td>
197          <td>
198            &nbsp;
199          </td>
200        </tr>
201        <tr>
202          <td>
203            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
204          </td>
205          <td>
206            {{HTMLElement("canvas")}}
207          </td>
208          <td>
209            &nbsp;
210          </td>
211        </tr>
212        <tr>
213          <td>
214            &nbsp;
215          </td>
216          <td>
217            {{HTMLElement("img")}}
218          </td>
219          <td>
220            &nbsp;
221          </td>
222        </tr>
223        <tr>
224          <td>
225            &nbsp;
226          </td>
227          <td>
228            {{HTMLElement("map")}}
229          </td>
230          <td>
231            &nbsp;
232          </td>
233        </tr>
234        <tr>
235          <td>
236            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
237          </td>
238          <td>
239            {{HTMLElement("math")}}
240          </td>
241          <td>
242            &nbsp;
243          </td>
244        </tr>
245        <tr>
246          <td>
247            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
248          </td>
249          <td>
250            {{HTMLElement("source")}}
251          </td>
252          <td>
253            &nbsp;
254          </td>
255        </tr>
256        <tr>
257          <td>
258            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
259          </td>
260          <td>
261            {{HTMLElement("svg")}}
262          </td>
263          <td>
264            &nbsp;
265          </td>
266        </tr>
267        <tr>
268          <td>
269            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
270          </td>
271          <td>
272            {{HTMLElement("track")}}
273          </td>
274          <td>
275            &nbsp;
276          </td>
277        </tr>
278        <tr>
279          <td>
280            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
281          </td>
282          <td>
283            {{HTMLElement("video")}}
284          </td>
285          <td>
286            &nbsp;
287          </td>
288        </tr>
289      </tbody>
290    </table>
291    <h2 id="Embedded_content">
292      Embedded content
293    </h2>
294    <p>
295      Beyond multimedia, HTML can include many other content but 
 >it's not easy — or even sometimes impossible — to interact with.
296    </p>
297    <table class="standard-table">
298      <thead>
299        <tr>
300          <th scope="col">
301            &nbsp;
302          </th>
303          <th scope="col">
304            Element
305          </th>
306          <th scope="col">
307            Description
308          </th>
309        </tr>
310      </thead>
311      <tbody>
312        <tr>
313          <td>
314            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
 >nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
 >style="width: 16px; height: 16px; vertical-align: middle;" title=
 >"This element has been added in HTML5"></a>
315          </td>
316          <td>
317            {{HTMLElement("embed")}}
318          </td>
319          <td>
320            Represents a <i>integration point</i> for an external
 >, often non-HTML, application or interactive content.
321          </td>
322        </tr>
323        <tr>
324          <td>
325            &nbsp;
326          </td>
327          <td>
328            <s class="deprecatedElement obsoleteElement">{{HTMLEl
 >ement("frame")}}</s>
329          </td>
330          <td>
331            &nbsp;
332          </td>
333        </tr>
334        <tr>
335          <td>
336            &nbsp;
337          </td>
338          <td>
339            <s class="deprecatedElement obsoleteElement">{{HTMLEl
 >ement("frameset")}}</s>
340          </td>
341          <td>
342            &nbsp;
343          </td>
344        </tr>
345        <tr>
346          <td>
347            &nbsp;
348          </td>
349          <td>
350            {{HTMLElement("iframe")}}
351          </td>
352          <td>
353            &nbsp;
354          </td>
355        </tr>
356        <tr>
357          <td>
358            &nbsp;
359          </td>
360          <td>
361            {{HTMLElement("object")}}
362          </td>
363          <td>
364            Represents an <i>external resource</i> , which is tre
 >ated as an image, an HTML sub-document, or an external resource t
 >o be processed by a plug-in.
365          </td>
366        </tr>
367        <tr>
368          <td>
369            &nbsp;
370          </td>
371          <td>
372            {{HTMLElement("param")}}
373          </td>
374          <td>
375            Defines <i>parameters</i> for use by plug-ins invoked
 > by <code>&lt;object&gt;</code> elements.
376          </td>
377        </tr>
378      </tbody>
379    </table>
380    <h2>
nn387            &nbsp;
388          </th>
389          <th scope="col">
nn400            &nbsp;
401          </td>
402          <td>
nn411            &nbsp;
412          </td>
413          <td>
n187            {{HTMLElement("template")}}<a href="/en-US/docs/HTML/n422            <a href="/en-US/docs/HTML/HTML5"><img alt="This eleme
>HTML5"><img alt="This element has been added in HTML5" src="/file>nt has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" 
>s/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vert>style="width: 16px; height: 16px; vertical-align: middle;" title=
>ical-align: middle;" title="This element has been added in HTML5">"This element has been added in HTML5"></a>
>></a> 
423          </td>
424          <td>
425            {{HTMLElement("template")}}
n689    <h2 id="Embedded_content">n
690      Embedded content
691    </h2>
n696            Elementn931            &nbsp;
n699            Descriptionn934            &nbsp;
n706            {{HTMLElement("img")}}n941            &nbsp;
707          </td>
708          <td>942          </td>
709            Represents an <i>image</i> .
710          </td>943          <td>
711        </tr>944            &nbsp;
712        <tr>
713          <td>945          </td>
714            {{HTMLElement("iframe")}}946        </tr>
947        <tr>
715          </td>948          <td>
949            &nbsp;
716          <td>950          </td>
717            Represents a <i>nested browsing context</i> , that is
> an embedded HTML document. 
718          </td>951          <td>
719        </tr>952            &nbsp;
720        <tr>
721          <td>953          </td>
722            {{HTMLElement("embed")}} <a href="/en-US/docs/HTML/HT954        </tr>
>ML5"><img alt="This element has been added in HTML5" src="/files/ 
>3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertic 
>al-align: middle;" title="This element has been added in HTML5">< 
>/a> 
955        <tr>
723          </td>956          <td>
957            &nbsp;
724          <td>958          </td>
725            Represents a <i>integration point</i> for an external
>, often non-HTML, application or interactive content. 
726          </td>959          <td>
727        </tr>960            &nbsp;
728        <tr>
729          <td>961          </td>
730            {{HTMLElement("object")}}962        </tr>
963        <tr>
731          </td>964          <td>
965            &nbsp;
732          <td>966          </td>
733            Represents an <i>external resource</i> , which is tre
>ated as an image, an HTML sub-document, or an external resource t 
>o be processed by a plug-in. 
734          </td>967          <td>
735        </tr>968            &nbsp;
736        <tr>
737          <td>969          </td>
738            {{HTMLElement("param")}}970        </tr>
971        <tr>
739          </td>972          <td>
973            &nbsp;
740          <td>974          </td>
741            Defines <i>parameters</i> for use by plug-ins invoked
> by <code>&lt;object&gt;</code> elements. 
742          </td>975          <td>
743        </tr>976            &nbsp;
744        <tr>
745          <td>977          </td>
746            {{HTMLElement("video")}} <a href="/en-US/docs/HTML/HT978        </tr>
>ML5"><img alt="This element has been added in HTML5" src="/files/ 
>3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertic 
>al-align: middle;" title="This element has been added in HTML5">< 
>/a> 
979        <tr>
747          </td>980          <td>
981            &nbsp;
748          <td>982          </td>
749            Represents a <i>video</i> , and its associated audio 
>files and captions, with the necessary interface to play it. 
750          </td>983          <td>
751        </tr>984            &nbsp;
752        <tr>
753          <td>985          </td>
754            {{HTMLElement("audio")}} <a href="/en-US/docs/HTML/HT986        </tr>
>ML5"><img alt="This element has been added in HTML5" src="/files/ 
>3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertic 
>al-align: middle;" title="This element has been added in HTML5">< 
>/a> 
987        <tr>
755          </td>988          <td>
989            &nbsp;
756          <td>990          </td>
757            Represents a <i>sound</i> , or an <i>audio stream</i>
> . 
758          </td>991          <td>
759        </tr>992            &nbsp;
760        <tr>
761          <td>993          </td>
762            {{HTMLElement("source")}} <a href="/en-US/docs/HTML/H994        </tr>
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
995        <tr>
763          </td>996          <td>
997            &nbsp;
764          <td>998          </td>
765            Allows authors to specify alternative media resources
> for media elements like <code>&lt;video&gt;</code> or <code>&lt; 
>audio&gt;</code>. 
766          </td>999          <td>
767        </tr>1000            &nbsp;
768        <tr>
769          <td>1001          </td>
770            {{HTMLElement("track")}} <a href="/en-US/docs/HTML/HT1002        </tr>
>ML5"><img alt="This element has been added in HTML5" src="/files/ 
>3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertic 
>al-align: middle;" title="This element has been added in HTML5">< 
>/a> 
1003        <tr>
771          </td>1004          <td>
1005            &nbsp;
772          <td>1006          </td>
773            Allows authors to specify timed <i>text track</i> for
> media elements like <code>&lt;video&gt;</code> <i>or <code>&lt;a 
>udio&gt;</code>.</i> 
774          </td>1007          <td>
775        </tr>1008            &nbsp;
776        <tr>
777          <td>1009          </td>
778            {{HTMLElement("canvas")}} <a href="/en-US/docs/HTML/H1010        </tr>
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
1011        <tr>
779          </td>1012          <td>
1013            &nbsp;
780          <td>1014          </td>
781            Represents a <i>bitmap area</i> that scripts can be u
>sed to render graphics, like graphs, game graphics, or any visual 
> images on the fly. 
782          </td>1015          <td>
783        </tr>1016            &nbsp;
784        <tr>
785          <td>1017          </td>
786            {{HTMLElement("map")}}1018        </tr>
1019        <tr>
787          </td>1020          <td>
1021            &nbsp;
788          <td>1022          </td>
789            In conjunction with <code>&lt;area&gt;</code>, define
>s an <i>image map</i> . 
790          </td>1023          <td>
791        </tr>1024            &nbsp;
792        <tr>
793          <td>1025          </td>
794            {{HTMLElement("area")}}1026        </tr>
1027        <tr>
795          </td>1028          <td>
1029            &nbsp;
796          <td>1030          </td>
797            In conjunction with <code>&lt;map&gt;</code>, defines
> an <i>image map</i> . 
798          </td>1031          <td>
799        </tr>1032            &nbsp;
800        <tr>
801          <td>1033          </td>
802            {{SVGElement("svg")}} <a href="/en-US/docs/HTML/HTML51034        </tr>
>"><img alt="This element has been added in HTML5" src="/files/384 
>3/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical- 
>align: middle;" title="This element has been added in HTML5"></a> 
1035        <tr>
803          </td>1036          <td>
1037            &nbsp;
804          <td>1038          </td>
805            Defines an embedded <i>vectorial image</i> .
806          </td>1039          <td>
807        </tr>1040            &nbsp;
808        <tr>
809          <td>1041          </td>
810            {{MathMLElement("math")}} <a href="/en-US/docs/HTML/H1042        </tr>
>TML5"><img alt="This element has been added in HTML5" src="/files 
>/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; verti 
>cal-align: middle;" title="This element has been added in HTML5"> 
></a> 
1043        <tr>
811          </td>1044          <td>
1045            &nbsp;
812          <td>1046          </td>
813            Defines a <i>mathematical formula</i> .1047          <td>
1048            &nbsp;
nn1341      <li>{{HTMLElement("base")}}
1342      </li>
nn1344      </li>
1345      <li>{{HTMLElement("em")}}
tt1351      <li>{{HTMLElement("link")}}
1352      </li>
1353      <li>{{HTMLElement("meta")}}
1354      </li>
1355      <li>{{HTMLElement("noscript")}}
1356      </li>
1357      <li>{{HTMLElement("script")}}
1358      </li>
1359      <li>{{HTMLElement("strong")}}
1360      </li>
1361      <li>{{HTMLElement("style")}}
1362      </li>
1363      <li>{{HTMLElement("title")}}
1364      </li>

Back to History