HTML Tags

Red Zorro sm
RedZorro.com sm
We’ll hit the mark for you. sm

HTML: Tags

If you want to become a startup website designer and programmer, you must have a strong understanding of the basic HTML tags.  Below are some of the required and needed HTML tags for your website to present correctly in a web browser.  In the early 2000s, I worked with these tags in Microsoft FrontPage.

HTML tags: <html> </html> (required)

  1. HTML stands for hypertext markup language.
  2. The html opening <html> and closing </html> tags are the very first and last tags displayed in the Text Editor/Code Page.
  3. The HTML tag is a required tag.  If it is missing, misspelled, incomplete or inaccurate, the webpage will not display in a web browser correctly.
  4. All the other tags, with the exception of the <Doc> tag, are placed between the opening <html> and closing <html> tags.  The <Doc> tag resides above the opening <html> tag.

Head tags: <head> </head> (not required, but needed)

  1. The head tag is the second tag listed in Text Editor/Code Page.
  2. The head tag is a container tag for other tags: meta, title and style
  3. The head tag consist of a opening <head> and closing </head> tag.  It is not a required tag, but if you are going to use the meta tag (yes), the title tags (yes) and the style tags (yes), then the head tags are required.
  4. The head tags reside between the opening html tag and the opening body tag.  If the heading tags are incorrect, misspelled misplaced or misstated, the content in the web browser will not display correctly.

Meta tag: <meta> (not required, but needed)

  1. There are two components to the meta tag: Description and Keywords.
  2. In the “description” section of the meta tag, you describle your website.  If your website offers products or services, or both products and services, describe these products and services in the greatest detail.
  3. The description of your website is submitted to search engines and search directories when you upload your webpages to the internet.
  4. Search engines and search directories will spider your webpages and store them in their search directories.  So when the internet community types in a search that matches the description of your website, your website will be stated in the search results somewhere.  This can lead to big money.
  5. In the “keyword” section of the meta tag, place all of the words that are associated with your website, products and services.
  6. For example, place your name, the company name, telephone and fax numbers, email address, street, neighborhood, district, city, state, county, country, business structure (sole proprietorship, corporation, foundation) and more.
  7. If the internet community types any of the information stated in the keyword sections of your website, your webpages will appear in the search results somewhere in these search engine and search directory result.
  8. Create a template of all of this information, and every time you create a webpage in your website, place this information into the meta keyword and meta description areas of your webpages.  Again, this can lead to tons of website traffic and big money.

Style Tags: <style> </style> (not required but needed)

  1. The opening and closing style tags ate use with style sheets in HTML.
  2. These style tags contain selectors, properties and property values to assist with the designing an programming of HTML.
  3. In other words, if HTML designs the clothes, then style sheets matches the designed clothes made possible by HTML.

Title Tags: <title> </title> (not required, but needed)

  1. The opening <title> and closing </title> tags are placed between the opening and closing head tags.
  2. This is where you place the name of your website and slogan for your homepage on your index page.
  3. The name of the webpages will appear in the top of the website browser, so when a website visitor loads your website or webpages into their browser, the title of the webpage will appear at the top of the web browser.

Body Tags: <body> </body> (required)

  1. The opening <body> and closing </body> tags are required for the content of your webpages to view correctly in a web browser.
  2. The body tag is the last tag stated at the top of Editor/Code Page, and it is the next to the last tag stated at the bottom of Text Editor/Code Page.
  3. All of the content at your website will reside between the opening and closing body tags: text, images, lists, links, tables and forms.

 

Text Editor/CODE PAGE

<html>
<head>
<title>Website Name and Slogan here.</title>
<meta name=”description” content=”Place descriptions of your website here.”>
<meta name=”keywords” content=”Place your website’s keywords here.”>
<style></style>
</head>
</body>

 

Webpage content goes here: text, images, lists, tables, forms, etc.

 

</body>
</html>

 

Copyright 2018          Red Zorro sm          All Rights Reserved.