How To Learn HTML

If you are interested in building your own Web site, then you have to learn HTML. HTML or Hyper Text Markup Language is the language used to create Web pages or Web sites. It involves coding to format the content you wish to display. These are a few basic features of HTML that you need to understand to get you started.

1. The HTML document - An HTML document will contain a series of tags that divides the document into parts. The HTML document will be organized this way:

  • <html>
  • <head>
  • <title></title>
  • </head>
  • <body></body>
  • </html>

The <html> tag is more of a statement that says the document you are looking at is an html document. The closing </html> is found at the very end of the document and encloses all the other tags within the html tag. The <head> tag contains the title of the html document and other elements we will closely look at later in the next step. The <body> tag contains all of your content and formatted with other tags.

2. Learn to create the head tag - Other than the title tag, the head tag contains the meta tags, the link tag, and the script tag. The title tag introduces the page on the Web site you are browsing and will display the title on the navigational bar of your browser. Meta tags provide information about your Web site that will be useful for search engines. The meta tag to describe your Web site is <meta name="description" content="describe your page here." The meta tag for keywords is <meta name="keywords" content="list keywords that are related to your content here">. The meta tag for search engine robots is <meta name="robots" content="enable or disable this option for search engine robots to pull information from your site">. Then the <meta http-equiv="Content-Language" content="en-gb"> describes the language used and <meta http-equiv="Content-Type" content="text/html"> describes the type of content the document contains.

3. Learn formatting tags - The body will hold the content for the whole Web site and this is where you will format your content or data. You have to learn the basic tags to format text, images or applications so you can create a lay out for your Web page. Some of the most common tags are <p>, <strong>, <i>, and <pre>. The <p></p> paragraph tag sets the content within the tags into a paragraph mode and you can further format the text and images with other tags. If you want your text to be bold use the <strong></strong>, any text within the strong tags will be set to bold. Use the <i></i> if you want the text to be italicized. If you don't want the text or content to automatically adjust to the spaces you can use the <pre></pre> tag to the set the text or content within exactly the way you intend it to look like. There are other basic tags you have to learn like tags for headings, links and lists.

4. Study other Web sites - You can study other Web sites and how they are designed. If you see one you like and would like to study how it was built with HTML, you can go to the taskbar, select the View tab and click Page Source, this will show you in HTML how the page was made.

Once you get used to writing in HTML you will start to see many different possibilities in designing your Web site or Web page.


Share this article!

Follow us!

Find more helpful articles: