Home > Tutorials > How to write HTML
How to write HTML Tutorial
  • HOW TO WRITE HTML
    There are many guides available that will help you to write HTML, but there are a few basic things you need to know. First, you may want to see what the HTML of a typical site looks like. To see the HTML of any website, click on the View menu, and then from the drop down list, select “Source.” You will see the web page in HTML. If you’re not familiar with HTML, it can look confusing, but it’s really just a code that tells how the web page is going to be displayed on the internet.
  • HTML uses what are called “tags.” Tags are bracketed information; notes about the page that are contained with a <character that end with a > character.
  • You will always start a page with:
  • <html>
  • And end with:
  • </html>
  • This tells the browser that everything between these two tags is HTML.
    Underneath the first tag, is the heading. This offers information about your webpage. This is bracketed again. When writing HTML, you will find that each small section is like opening and closing a file. You make sure the code has a beginning and you make sure it has an end.
  • <HTML>
  • <head>
    <title>Learning HTML</title>
    </head>
    <HTML>
    As you can see, it’s all very symmetrical!
    The <body> is where the actual web content on your page will be entered. There are numerous tags for everything from inserting images into your web page to bolding text and changing the font, to placing hyperlinks to other web pages on the internet.
  • HTML can be written with the notepad program in Internet Explorer. While it’s basic, it is a great way to learn and get some practice writing code! You can write this in notepad:
  • <html>
  • <head>
  • <title> How to Write HTML </title>
  • </head>
  • <body>
  • Well, isn't this fun!
  • </body>
  • </html>
    Yes, you have a very simple web page. But it’s in adding all the many possible commands to the body that we create real web pages. We do this by working with their attributes. We can use the attributes of font and then play with the various options for changing color, size and style. Here’s an example;
  • <font face="calibri" size="12" color="black">Now we are going to see what happens next! </font>
  • What we would get is Calibri type in size 12 font, and the writing will be in black. This is just a simple example, but the tags between the brackets tell the webpage everything from where to create a new paragraph to whether the script is italicized or bolded; in fact everything you can imagine possible is coded in these relatively simply formatted set of instructions!
  • It takes some time and practice to learn HTML, and it’s a good idea to keep handy a list of all the common tags you will use over and over. There are also web design programs that allow you to create web pages without having to learn HTML, and so learning this unique language is not a prerequisite to web design. But there is something deeply satisfying about trying your hand at writing HTML, even if you are not going to use it extensively. Seeing the way a webpage is created and the coded structure of HTML allows you to get a better feeling for what is possible in web page design. It will help you with everything from understanding the limitations as well as the possibilities of your own web pages, to working with web developers when you have more elaborate projects at hand.