HTML Examples

• HTML Codes
• HTML Templates
• JavaScript Examples

This page contains HTML examples - examples of basic HTML elements that you can use for your own website.

There are so many HTML examples here that I've separated them into types. To view more of each type, simply click on the relevant link (next to the example).

Code

Result

Small font Large font Colored font Bold font Italic font and more...

More Text Examples...

Code	Result
<p><a href="http://www.quackit.com/html/tutorial/html_links.cfm">Example Link</a></p> <div class="more-info"><a href="http://www.quackit.com/html/examples/html_links_examples.cfm">More Link Examples...</a></div>	Example Link More Link Examples...

Code

Result

List Example:

HTML Examples
HTML Tutorial
HTML Codes
and much more!

More List Examples...

Code	Result
<p>Image Example:</p> <a href="http://www.quackit.com/travel/new_zealand/milford_sound"><img src="/pix/milford_sound/milford_sound_t.jpg" style="max-width:100%" alt="Milford Sound in New Zealand" /></a> <div class="more-info"><a href="http://www.quackit.com/html/examples/html_images_examples.cfm">More Image Examples...</a></div>	Image Example: More Image Examples...

Code

Result

Table Example:

Table cell 1
Table cell 2	Table cell 3

More Table Examples...

Code	Result
<p>Form Example:</p> <form action="/html/tags/html_form_tag_action.cfm"> <textarea cols="10" rows="5">Type something</textarea><br /> <input type="submit" value="Send Away!" /> </form> <div class="more-info"><a href="http://www.quackit.com/html/examples/html_forms_examples.cfm">More Form Examples...</a></div>	Form Example: Type something More Form Examples...

Code	Result
<p>Frames Example:</p> <iframe src="/html/templates/frames/frames_example_1.html" width="80%" height="70%"> </iframe> <div class="more-info"><a href="http://www.quackit.com/html/examples/frames/">More Frames Examples...</a></div>	Frames Example: More Frames Examples...

Code

Result

<p>JavaScript Jump Menu Example:</p>
<script language="javascript" type="text/javascript" >
<!-- hide
function jumpto(x){

if (document.form1.jumpmenu.value != "null") {
	document.location.href = x
	}
}

// end hide -->
</script>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
  <option>Jump to...</option>
  <option value=http://www.quackit.com>Quackit Homepage</option>
  <option value=http://www.quackit.com/javascript/>JavaScript</option>
  <option value=http://www.quackit.com/html/>HTML</option>
  <option value=http://www.quackit.com/css/>CSS</option>
  <option value=http://www.quackit.com/sql/tutorial/>SQL</option>
  <option value=http://www.quackit.com/database/tutorial/>Database Tutorial</option>
  <option value=http://www.quackit.com/web_hosting/>Web Hosting Tutorial</option>
</select>
</form>
<div class="more-info">
<p><a href="/javascript/examples/">More JavaScript Examples...</a></p>
</div>

JavaScript Jump Menu Example:

More JavaScript Examples...

HTML

HTML Examples

Related:

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING