You are on page 1of 3

HTML

Tag <b></b> <i></i> <h1></h1> <h6></h6> <ul> <li></li> </ul> <ol> <li></li> </ol>

Meaning Bold Italic Level 1 header Level 6 header

Discussion Won't work on all browsers. Won't work on all browsers. Strongest headline emphasis. Weakest headline level (levels 25 also supported).

Un-numbered Must contain list items (<li></li>). list Used for bulleted lists. Add as many list items as you wish. Ordered list Must contain list items (<li></li>). Used for numbered list. Add as many list items as you wish. Places a link on the page. Text between <a> and </a> will be visible on page as a link. When user clicks on link, browser will go to the specified address.

<a href = "anotherPage.html"> Anchor go to another page</a> (hyperlink)

<img src = "imgName.gif"> <font color = "red" size = 5> this text is red </font>

image Modify font

Adds the specified image to the page. Images should be in GIF, JPG, or PNG formats. Will not work in all browsers. It's possible to modify font color, size, and face (typeface), although typeface will often not transfer to client machine.

<br> <hr>

Break Horizontal rule

Causes a carriage return in the output. Does not have an ending tag. Add a horizontal line to the page. Does not have an ending tag.

The source code for the basic.html document illustrates how the page was designed.
<html> <head> <title>Basic HTML Tags</title> </head> <body> <h1>Basic HTML Tags</h1> <h1>This <h2>This <h3>This <h4>This <h5>This <h6>This is is is is is is an an an an an an h1 h2 h3 h4 h5 h6 header</h1> header</h2> header</h3> header</h4> header</h5> header</h6>

<center> This text is centered </center> <b>This is bold</b> <br> <i>This is italic</i> <hr> </body> </html>

The tags in more.html are used to add lists, links, and images to a Web page. The code used to produce this page looks like this:

<html> <head> <title>More HTML Tags</title> </head> <body> <h1>More HTML Tags</h1> <h3>Ordered List</h3> <ol> <li>alpha</li> <li>beta</li> <li>charlie</li> </ol> <h3>Unordered List</h3> <ul> <li>alpha</li> <li>beta</li> <li>charlie</li> </ul>

<h3>Hyperlink</h3> <a href="http://www.cs.iupui.edu/~aharris">Andy's Home page</a> <h3>Image</h3> <img src="silly.gif" height = 100 width = 100> </body> </html>

The code for the simpler table looks like this:


<table border = "1"> <tr> <th></th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> <tr> <th>Morning</th> <td>Math</td> <td>Science</td> <td>Math</td> <td>Science</td> <td>Music</td> </tr> <tr> <th>Afternoon</th> <td>PE</td> <td>English</td> <td>History</td> <td>English</td> <td>History</td> </tr> </table>

You might also like