Vous êtes sur la page 1sur 17

Tag HTML Bagan

Tag

Nam e

Code Example <!This can be viewed in the HTML part of a document> <a href=http://www.doma in.com/> Visit Our Site</a> <b>Example</b>

Browser View

<!

com ment

Nothing will show (Tip)

<a <b>

anch or bold big (text ) body of HTM L docu ment

Visit Our Site (Tip) Example

<big >

<big>Example</big>

Example (Tip)

<bod y>

<body>The content of your HTML page</body >

Contents of your web page (Tip) The contents of your web page The contents of your web page This will center your contents Definition Term Definition of the term

line brea <br> <cen ter> k cente r defin ition descr

The contents of your page<br>The contents of your page <center>This will center your contents</center> <dl> <dt>Definition Term</dt>

<dd>

iptio n

<dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> <dl> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> </dl> This is an <em>Example</em > of using the emphasis tag src=yourfile.mid width=100%

Definition Term Definition of the term

Definition Term Definition of the term Definition Term Definition of the term

<dl>

defin ition list

Definition Term Definition of the term Definition Term Definition of the term

<dt>

defin ition term

<em >

emp hasis embe d

This is an Example of using the emphasis tag

(Tip)

objec t

height=60 align=center> &lt;bgsound src=wonderfu.mid autostart=false loop=1 /&gt; Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

embe d objec t

<embed src=yourfile.mi d autostart=true hidden=false loop=false> <noembed><bgsound src=yourfile.mid loop=1></noembed> <font face=Times New Roman>Example</font > <font face=Times New Roman

<font >

font

Example (Tip)

<font >

font

size=4>Example</font > <font face=Times New Roman size=+3 color=#ff0000>Exampl e</font> <form action=mailto:yo u@yourdomain.com> Name: <input name=Name value=" size=10><br> Email: <input name=Email value=" size=10><br> <center><input

Example (Tip)

<font >

font

Example (Tip)

<for m>

form

Name: (Tip) Email:

type=submit></center> </form> head ing 1 head ing 2 head ing 3 head ing 4 head ing 5 head ing 6 head ing of HTM <hea d> L docu ment <head>Contains elements describing the document</head> <h1>Heading 1 Example</h1> <h2>Heading 2 Example</h2> <h3>Heading 3 Example</h3> <h4>Heading 4 Example</h4> <h5>Heading 5 Example</h5> <h6>Heading 6 Example</h6>

<h1> <h2> <h3> <h4> <h5> <h6>

Nothing will show Contents of your web page (Tip)

horiz ontal <hr> rule <hr />

Contents of your web page

Contents of your web page horiz ontal rule

<hr>

<hr width=50% size=3 />

Contents of your web page

Contents of your web page horiz ontal rule

<hr> <hr> (Inte rnet Expl orer) <hr> (Inte rnet Expl orer)

<hr width=50% size=3 noshade />

Contents of your web page

Contents of your web page horiz ontal rule <hr width=75% color=#ff0000 size=4 /> Contents of your web page horiz ontal rule <hr width=25% color=#6699ff size=6 /> <html> <head> <meta> <title>Title of your web page</title> </head> <body>HTML web page contents </body> </html> <i>Example</i> <img src=Earth.gif width=41 height=41 border=0 alt=text describing the image /> Example 1: <form method=post

Contents of your web page

Contents of your web page

<htm l> <i>

hype rtext mark up lang uage italic

Contents of your web page Example

<img > <inp ut>

imag e input field

(Tip) Example 1: (Tip)

action=/cgibin/example.cgi> <input type=text size=10 maxlength=30> <input type=Submit value=Submit> </form> Example 2: <form method=post action=/cgibin/example.cgi> <input type=text style=color: #ffffff; fontfamily: Verdana; fontweight: bold; font-size: 12px; background-color: #72a4d2; size=10 maxlength=30> <input type=Submit value=Submit> </form> Example 3: <form method=post action=/cgibin/example.cgi> <table border=0 cellspacing=0 cellpadding=2><tr><td bgcolor=#8463ff><inp ut type=text size=10 <inp ut> input field maxlength=30></td>< td bgcolor=#8463ff valign=Middle> <input Example 3: (Tip)

<inp ut> (Inte rnet Expl orer)

input field

Example 2: (Tip)

type=image name=submit src=yourimage.gif></td ></tr> </table> </form>

Example 4: <form method=post action=/cgibin/example.cgi> Enter Your Comments:<br> <textarea wrap=virtual name=Comments rows=3 cols=20 maxlength=100></textar ea><br> <input type=Submit value=Submit> <input type=Reset value=Clear> </form> Example 5: <form method=post action=/cgibin/example.cgi> <center> Select an option: <select> <option >option 1</option> <inp ut> input field <option selected>option 2</option> <option>option Example 5: Tip) Select an option: option 1 option 2 option 3 option 4 option 5 option 6

Example 4: (Tip)

<inp ut>

input field

3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> <input type=Submit value=Submit></center > </form> Example 6: <form method=post action=/cgibin/example.cgi> Select an option:<br> <input type=radio name=option> Option 1 <input type=radio name=option checked> Option 2 <input type=radio name=option> Option 3 <br> <br> Select an option:<br> <input type=checkbox name=selection> Selection 1 <input type=checkbox name=selection checked>Selection 2 <input type=checkbox

Example 6: (Tip) Select an option: Option 1 Option 2 Option 3 Select an option: Selection 1 Selection 2 Selection 3

<inp ut>

input field

name=selection>Selecti on 3 <input type=Submit value=Submit> </form> Example 1: <menu> <li type=disc>List item 1</li> <li type=circle>List item 2</li> <li type=square>List item 3</li> </MENU> Example 2: <ol type=i> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> <head> <link rel=stylesheet type=text/css href=style.css /> </head>

Example 1: (Tip) List item 1 List item 2 List item 3 Example 2: 1. 2. 3. 4. List item 1 List item 2 List item 3 List item 4

<li>

list item

<link > <mar quee > (Inte rnet Expl

link

scrol ling text

<marquee bgcolor=#cc cccc loop=-1 scrollamount=2 width=100%>Example Marquee</marquee>

Example Marquee (Tip)

orer) <menu> <li type=disc>List item 1</li> <li type=circle>List item 2</li> <li type=square>List item 3</li> </menu> <meta name=Descriptio n content=Description of your site> <meta name=keywords content=keywords describing your site> <meta HTTPEQUIV=Refresh <met a> CONTENT=4;URL=http: //www.yourdomain.com/ > <meta httpequiv=Pragma content=no-cache> <meta name=rating content=General> <meta name=robots content=all> <meta name=robots content=noindex,follow > Numbered

<me nu>

men u

List item 1 List item 2 List item 3

<met a>

meta

Nothing will show (Tip)

meta

Nothing will show (Tip)

<met a> <met a> <met a>

meta

Nothing will show (Tip)

meta

Nothing will show (Tip)

meta

Nothing will show (Tip)

<met a> <ol>

meta orde

Nothing will show (Tip) Numbered

red list

<ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Numbered Special Start <ol start=5> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Lowercase Letters<ol type=a> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters <ol type=A> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Letters Special Start <ol type=A start=3> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li>

1. List item 1 2. List item 2 3. List item 3 4. List item 4 Numbered Special Start 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Lowercase Letters 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Capital Letters 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Capital Letters Special Start 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Lowercase Roman Numerals 1. List item 1 2. List item 2 3. List item 3 4. List item 4 Capital Roman Numerals 1. List item 1 2. List item 2 3. List item 3

<li>List item 4</li> </ol> Lowercase Roman Numerals <ol type=i> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals <ol type=I> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> Capital Roman Numerals Special Start <ol type=I start=7> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> </ol> <form method=post action=/cgibin/example.cgi> <center> Select an option: <select>

4. List item 4 Capital Roman Numerals Special Start 1. List item 1 2. List item 2 3. List item 3 4. List item 4

<opti on>

listb ox optio n

Select an option: (Tip) option 1 option 2 option 3 option 4 option 5 option 6

<option>option 1</option> <option selected>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> <option>option 6</option> </select><br> </center> </form> This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines. Attributes: Example 1:<br> <br> <p align=left> This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 2:<br> <br> <p align=right>

This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag. Example 2: This is an example displaying the use

<p>

para grap h

This is an example<br> displaying the use<br> of the paragraph tag.<br> <br> Example 3:<br> <br> <p align=center> This is an example<br> displaying the use<br> of the paragraph tag. small (text ) delet ed text stron <stro ng> g emp hasis <strong>Example</str ong> Example 1: <table border=4 cellpadding=2 cellspacing=2 width=100%> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 2: (Internet Explorer) table

of the paragraph tag. Example 3: This is an example displaying the use of the paragraph tag.

<sma ll>

<small>Example</sma ll>

Example (Tip)

<stri ke>

<strike>Example</stri ke>

Example

Example Example 1: (Tip) Column 1 Example 2: (Tip) Column 1 Example 3: (Tip) Column 1 Row 2 Column 2 Row 2 Column 2 Column 2

<tabl e>

<table border=2 bordercolor=#336699 cellpadding=2 cellspacing=2 width=100%> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> Example 3: <table cellpadding=2 cellspacing=2 width=100%> <tr> <td bgcolor=#cccccc>Colu mn 1</td> <td bgcolor=#cccccc>Colu mn 2</td> </tr> <tr> <td>Row 2</td> <td>Row 2</td> </tr> </table> <table border=2 cellpadding=2 cellspacing=2 width=100%> <tr>

<td>

table data

Column 1

Column 2

<td>Column 1</td> <td>Column 2</td> </tr> </table> <div align=center> <table> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td>Row 2</td> <td>Row 2</td> <td>Row 2</td> </tr> <tr> <td>Row 3</td> <td>Row 3</td> <td>Row 3</td> </tr> <tr> <td>Row 4</td> <td>Row 4</td> <td>Row 4</td> </tr> </table> </div> <title>Title of your HTML page</title> <table border=2 cellpadding=2

Col um n1

Col um n2

Col um n3

Ro w 2 Ro w 3 Ro w 4

Ro w 2 Ro w 3 Ro w 4

Ro w 2 Ro w 3 Ro w 4

table head <th> er docu ment title table row

<title >

Title of your web page will be viewable in the title bar. (Tip) Column 1 Column 2

<tr>

cellspacing=2 width=100%> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> telet ype unde rline

<tt>

<tt>Example</tt>

Example

<u>

<u>Example</u> Example 1:<br> <br> <ul> <li>List item 1</li> <li>List item 2</li> </ul> <br> Example 2:<br> <ul type=disc> <li>List item 1</li> <li>List item 2</li> <ul type=circle> <li>List item 3</li> <li>List item 4</li> </ul> </ul>

Example

Example 1: List item 1 List item 2 Example 2:


unor dere <ul> d list

List item 1 List item 2 List item 3

List item 4

Vous aimerez peut-être aussi