HTML Tutorial - Part 6 Headings and Meta Tags
You can use this HTML tutorial to learn the basics of this widely used mark-up language. This section tells you about XHTML requirements, headings, and how to build a web page with good form. An XHTML document is the same as an HTML document except we are going to add some more verbiage (...code). No need to be alarmed --- its not complicated. Once you know how to structure an XHTML doc you'll be on your way to learning lots more in the XHTML world. It'll be a snap! Learning how to use some of the common HTML tags and XHTML tags will increase your ability to create a simple web page.
- How Do You Create HTML Headings?
Creating heading tags on your web pages is easy. There are six different types of heading tags -- h1, h2, h3, h4, h5, and h6. Here's how your format the h1 heading...<h1>This is an heading h1.</h1> Headings <h2> through <h6> are formatted in the same way. Heading <h1> has the largest font heading and <h6> has the smallest font. In day-to-day usage most people use <h1> through <h3> because <h4> through <h6> are smaller than the normal font size. Here's an example how all six headings tags appear on a web page...
- The HTML <h4> heading tag is the same size as normal text in most browsers. Heading tags <h5> and <h6> are smaller.
- HTML headings always create a blank line to separate them from any other text characters.
- Also, a paragraph break is automatically created with the closing heading tag.
- Why Meta Tags Are Important?
Meta tags allow you to specify more information about your you web page. It's important because browsers, indexing tools and folks who look at your web page source code can use this information. Viewers of your web page do not see this additional information. - Meta tags are coded within the document head tags. They help to improve the visibility of your web page to search engines (SE).
- Search engines store meta tag data in its index -- data such as keywords, a description and the author (i.e. your name)
- When a visitor searches for a phrase, a search engines will check its index for pages that include that phrase or word. You can see why meta tags are great.
- Keywords are words that you think people may search for to find a particular topic on your web page.
- The Description is a small paragraph that contains information about your web page document -- its just a summarizes what your page is all about.
- The Author gives you the opportunity to put your name on your document so a visitor can find your web page by searching for your name.
- These are just three name attributes that are a part of a formatted meta tag. The content attribute component is paired with the name component in meta tags to form the name/value.
- The meta tag a name attribute defines the name part -- the content part supplies the content value.
Here's how to the structure meta tags... <!DOCTYPE html
PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<title>Web Page With Meta Tags Imbedded My Document</title><meta name="keywords" contents="html tutorial and other words that folks might use to find your web page" /> <meta name="description" contents="This should be a brief summary that describes your web page -- a few sentences is fine." /> <meta name="author" contents="Use these meta tag attributes to allow visitors to find your web page by your name." /> </head>
<body>
This sentence will be displayed on my XHTML web page.
</body>
</html>
Note:
Meta tags should be placed in the <head> section only. |
- Save the file in a folder -- use lowercase characters with an extension type of either .htm or .html.
Browse it.
Here's how the above code appears in a browser...
... notice the meta tag HTML code is not displayed. You can check it out the source code in your View pull down menu.
Use this HTML tutorial to learn the basics. Practice coding a few HTML tags you'll be on your way to creating great web pages. You don't have to learn a programming language! It's easy and you'll be proud of the web pages that you'll build. I hope this HTML tutorial has helped you so far.
Return from HTML Tutorial Part 6.
|
