HTML Tags Complete Reference – Part 4

Learn How to Write HTML Tags for Beginners

Today, let’s take a look at more HTML design and some tag examples, how they fit into your code.  Your web page is put together like a puzzle.  It contains many different types of information – all with a different tag to command how it will look.

Learning HTML Tags by Example

I’ve learned that the best way to understand coding as a beginner web designer is by example.  I like to see the end result first, then look at the code to find out how it was created.  This helps to understand what the codes mean when I see them.

Below you’ll go to a sample page and view several different features on a web page, all commanded by HTML tags.  Then, at the bottom of the page, you’ll see the entire code for the features on the page.

View Example Page Here

Now, see if you can match the HTML tags with the sentences and features on the page.   The code is provided on the sample page in the yellow table.

HTML Tags for Tables

Another area of confusion is the use of tables on a web page.  Tables can be used in many different ways to get the look and feel you want.

The example page below shows you several ways tables can be used and like the first sample above, the code for the page is provided in a yellow table so you can compare.

View “Table” HTML Tags Example Page Here

As you can see, tables and other features on a web page should be thought out before you start designing.  If working with HTML directly, you should lay out your page on paper and then be sure each feature can be matched to an HTML tag.

Now that you know the basics of how HTML tags work, you’re ready to start testing some HTML tags of your own.  For an extensive list of HTML tags and related resources, go here:

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

And more resources about HTML Tags….

http://www.htmlcodetutorial.com/quicklist.html
http://searchenginewatch.com/showPage.html?page=2167931

This concludes the HTML Tags Complete Reference Part 4, and this entire tutorial.

Go Back to HTML Tags Part 1

HTML Tags Part 4

Filed under: Web Design