Web Design Blog, Web Design Tutorials, Free Flash Resources, Free Photoshop Layer Styles, Web 2.0 Layer Styles

Christian Web Design Blog

Tutorials, tips, tools and free resources!

List of HTML Tags

Posted by admin On September - 14 - 2008

List of common HTML Tags. Refer to this often as you are learning the basics of HTML.

HTML Basic Document

<html>
<head>
<title>Document name goes here</title>
</head>

<body>
Visible text goes here
</body>

</html>

Heading Elements

<h1>Largest Heading</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Smallest Heading</h6>

Text Elements

<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>

Logical Styles

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>
<i>This text is italic</i>

Links, Anchors, and Image Elements

<a href=”http://www.example.com/”>This is a Link</a>
<a href=”http://www.example.com/”><img src=”URL” alt=”Alternate Text”></a>
<a href=”mailto:webmaster@example.com”>Send e-mail</a>

A named anchor:
<a name=”tips”>Useful Tips Section</a>
<a href=”#tips”>Jump to the Useful Tips Section</a>

Unordered list

<ul>
<li>First item</li>
<li>Next item</li>
</ul>

Ordered list

<ol>
<li>First item</li>
<li>Next item</li>
</ol>

Definition list

<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>

Tables

<table border=”1″>
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>

Frames

<frameset cols=”25%,75%”>
<frame src=”page1.htm”>
<frame src=”page2.htm”>
</frameset>

Forms

<form action=”http://www.example.com/test.asp” method=”post/get”>

<input type=”text” name=”lastname” value=”Nixon” size=”30″ maxlength=”50″>
<input type=”password”>
<input type=”checkbox” checked=”checked”>
<input type=”radio” checked=”checked”>
<input type=”submit”>
<input type=”reset”>
<input type=”hidden”>

<select>
<option>Apples
<option selected>Bananas
<option>Cherries
</select>

<textarea name=”Comment” rows=”60″ cols=”20″></textarea>

</form>

Entities

&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Other Elements

<!– This is a comment –>

<blockquote>
Text quoted from some source.
</blockquote>

<address>
Address 1<br>
Address 2<br>
City<br>
</address>

Source : http://www.w3schools.com/html/html_quick.asp


1 Response

  1. Basics of web design series | creating your first html page | Christian Web Design Blog Said,

    [...] free to experiment with various tags before continuing. Practice makes [...]

    Posted on September 21st, 2008 at 12:55 am

Add A Comment