Learning HTML for Beginners – Part 1

Hi!, this is part 1 of a series of tutorials about HTML in which I intend to introduce to you in small steps every week. Enjoy the first one :)

HTML stands for Hypertext Mark-up Language, the most used language for making up a webpage.

A webpage can be completley written by HTML using only a text editor software although if you intend to make a compliacted dynamic website, you might begin thinking to invest in a software like Adobe Dreamweaver.
In this tutorials I will teach you how to make a very simple webpage using a text editor however, the steps used here can be used exactly the same for any other software.

If you want to peek at any website’s HMTL you can easily do so clicking on “View” menu and then  “source” on IE. This might eventually help you to get to know HTML better.

The Very Basics

In HTML, everything is defined in tags. Tags are some letters enclose in <>.

For example if you want a piece of text to be shown in bold, you have to begin with the bold tag which is <b> “place text here without the quotes” and then finish off by writing the closing tag which is always like the beginning  but with a / in front of the letter. In our case, the closing tag is </b>

  • The head

An HTML document always stars off with <html> and followed immediately with <head> then </head> to close the head section and finally, in the very end of the webpage write </html> to close the HTML section. .

  • The title

Every book has a title, even songs and essays do. So why not even a webpage? The title of a webpage is shown in the title caption bar. To make a title for your website add: “<title>” followed by your  title and then clsoing off using </title>

  • Setting Importance

Not all the sub-titles or text have the same importance. For example, you want to divide a list into 2 categories however you want to divide again those two categories into other subcategories and so on. The first catergory is more important than the second sub-category and the thir sub-category has less importance than the second one and so on.

To show this difference in importance, HTML uses 6 different heading styles. H1 is the most important  while H6 is the least important.

To make a line of text with the H1 style just enclose your text in <h1></h1> tags. This is done for the rest of the heading styles.

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.