html w3c, xhtml and html, html xhtml difference, xhtml html
In HTML 5 Help Part 1, I introduced the HTML 5 standard tags and then went on to introduce the HTML 5 Canvas Tag.
In this tutorial, I will continue covering Canvas. I answer many questions that have been emailed to me and I focus on all you can do with lines, paths, arcs and text with HTML 5 Canvas.
All of the code used follows the video of course.
I’ve received numerous requests for some HTML 5 Help. So, in this tutorial I’ll cover one of the most exciting new features being the HTML 5 Canvas tag.
This will be a long tutorial that you’ll be able to use as a HTML 5 guide.
While HTML 5 is nor supported by Internet Explorer versions prior to the newest version 9, I felt I had waited long enough to cover this topic.
All of the code follows the video. Feel free to use it in anyway that you’d like.
In the last article I covered how to Learn HTML in 15 minutes. In this video I’ll teach you how to write xHTML 1.0 Strict code in 1o minutes!
It is actually pretty easy. You just have to:
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>
[youtube]http://www.youtube.com/watch?v=tB5ozZJbD34[/youtube]I was surprised to get this question emailed to me after my HTML W3C Tutorial. This article will be a bit more technical, but I’ll try to keep it light on jargon. By the end of the article, you’ll be able to tell people you know how to write Extensible Hypertext Markup Language version 1.0 Strict that is W3C complaint!
First W3C stands for the World Wide Web Consortium (W3C). They are the group of people that tell everyone how to write HTML and Cascading Style Sheets properly, among other things. What is well written HTML (W3C)? It is HTML that can be viewed on most any device with a browser.
The most current version of HTML W3C is referred to as XHTML 1.0 Strict. XHTML is now known as eXtensible Hypertext Markup Language because it has borrowed format from another language called XML. XML is a language that is used to markup, or structure any type of document, with tags just like HTML. The major difference between XML and HTML is that with XML you can create your own tags, instead of being stuck with the limited quantity found in traditional HTML.
Continue reading What’s the Difference Between xhtml and html?
I’ve had some requests to show you the php script I used to process and send the email from the HTML W3C Tutorial. So here you are. I’ll go through everything, like before, by including the code in black and white and my descriptions of the code in a blue box.
Code is here in a zipped archive.
<html>
You begin a PHP script with the HTML tag, just like normal HTML. You would save the file with the extention .PHP instead of .html though.
<head><title>PHP Mail Sender</title></head>
Here is the definition of the header section using HTML tags. I trust you know what these means. If not view the HTML W3C tutorial here.
[youtube]http://www.youtube.com/watch?v=Ncy6LDjSiX4[/youtube]Today, I’m going to completely explain the Hyper-Text Markup Language (HTML). You’ll probably be surprised by how uncomplicated it is. I hope?
A web browser reads HTML, which is just a text file filled with tags. Tags are just words or individual characters in angled brackets, that tell the browser what test needs emphasis, is a paragraph, where to get images, how to take a visitor to another page, etc. There are 89 total tags, but most of the time you will use only 20 total tags. Here are the most common tags: