I was dared to create an HTML video tutorial that covers the top 50 tags, in under 15 minutes. Well I did it!
I show how to use 50 different tags in HTML. I then give an example of each. You’ll either love it or hate it. I hope you love it of course.
If you would prefer to see this done more slowly check out Learn HTML. I go through everything much slower and provide examples as well.
I plan on covering JavaScript next and then moving back into the wonderful world of PHP and then everything WordPress Themes & Plugins.
The code used in the video follows the video. Leave questions or comments below.
Code From the Video
MAIL2.PHP
<! DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=ISO-8859-1″ />
<style type=”text/css”>
h1 {color:red}
</style>
<meta name=”description” content=”Welcome to Bob’s Hardware, We sell” />
<meta name=”keywords” content=”Flowers, Seeds, Rakes, Shovels, Hardware Store” />
<meta name=”author” content=”Bob Smith” />
<title>Welcome to Bob’s Hardware Store, we sell Flowers, Seeds, Rakes</title>
</head>
<body>
<h1>Text to Draw Attention to</h1>
<abbr title=”A much longer description”>Something Abbreviated</abbr>
<acronym title=”as soon as possible”>ASAP</acronym>
<b>I Want this to be Bold</b>
<big>This is going to be Big</big>
<blockquote>Indent me and show I’m important</blockquote>
<center>Center Me Please</center>
<em>I like Being Italicized</em>
<i>I like being Italicized too</i>
<p>This is a big paragraph. Really, it is!</p>
<q>You can quote me on that</q>
<s>I’ve been struck</s>
<small>I feel so small</small>
<strong>I’m the strongest</strong>
<sub>I’m Subscript</sub>
<sup>I’m Superscript</sup>
<img src=”http://www.newthinktank.com/wp-content/uploads/2010/03/marketing-examples45_sm_sm.jpg” alt=”Merrill Lynch Ad” height=”415″ width=”300″/>
<dl>
<dt>Bicycle</dt>
<dd>- Has two Wheels</dd>
<dt>Car</dt>
<dd>- Has Four Wheels</dd>
</dl>
<ol>
<li>Car</li>
<li>Truck</li>
<li>Bicycle</li>
</ol>
<ul>
<li>Car</li>
<li>Truck</li>
<li>Bicycle</li>
</ul>
<a href=”http://www.newthinktank.com” target=”_blank”>The New Think Tank Website</a>
<a href=”http://www.newthinktank.com#Great Stuff”>Some Great Stuff</a>
<a href=”mailto:derekbanas@example.com?Subject=Hello%20again”>Send Mail</a>
<table summary=”Here is my sample table and a description of what it’s about”>
<caption>
Here are some things I did
</caption>
<tr>
<th>Sat</th>
<th>Sun</th>
<th>Mon</th>
</tr>
<tr>
<td>Played Ball</td>
<td>Watched Football</td>
<td>Worked</td>
</tr>
</table>
<form action=”http://www.newthinktank.com/mail2.php” method=”post”>
<b>Send Message to this Email</b><br />
<input type=”text” name=”email” size=40><br />
<p><b>Subject</b><br />
<input type=”text” name=”subject” size=40></p><br />
<p><b>Text Area</b><br />
<textarea cols=40 rows=10 name=”message”>Default Text in Text Area Box</textarea></p><br />
<p><b>Text Input</b><br />
<input type=”text” name=”textinput” /></p><br />
<p><b>Password Input</b><br />
<input type=”password” name=”password” /></p><br />
<p><b>Radio Input</b><br />
<input type=”radio” name=”radioinput” value=”Love Radio Buttons” />Love Radio Buttons
<input type=”radio” name=”radioinput” value=”Hate Radio Buttons” />Hate Radio Buttons</p><br />
<p><b>Checkbox Input</b><br />
<input type=”checkbox” name=”checkboxinput” value=”Love Checkboxs” />Love Checkboxs
<input type=”checkbox” name=”checkboxinput” value=”Hate Checkboxs” />Hate Checkboxs</p><br />
<p><b>Select Input</b><br />
<select name=”selectinput”>
<option value=”loveselect”>I love select buttons</option>
<option value=”hateselect”>I hate select buttons</option>
</select></p><br />
<p><b>Option Input</b><br />
<select name=”optioninput”>
<option value=”loveselect”>I love option buttons</option>
<option value=”hateselect”>I hate option buttons</option>
</select></p><br />
<p><input type=”submit” value=”Send”></p>
<input type=”hidden” name=”submitted” value=”TRUE” />
</form>
</body>
</html>