J-Henderson » first page http://www.j-henderson.co.uk PHP & HTML Tutorial site Sun, 24 Jan 2010 18:03:03 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Your first HTML page http://www.j-henderson.co.uk/2010/01/6/ http://www.j-henderson.co.uk/2010/01/6/#comments Thu, 21 Jan 2010 20:27:28 +0000 J-Henderson http://www.j-henderson.co.uk/?p=6 Hello and welcome to the first tutorial for this site, here i will be delving into what i consider to be the foundation of all web design, HTML.

What is HTML?

HTML Stands for HyperText Markup Language. This language is interpreted by Web Browsers and is the main backbone of the internet, You can view the HTML in this page by right-clicking and choosing ‘View Source Code’. If you wish to know more about HTML you can find more information here.

Your First Page

Now since your here im guessing you cant wait to get your feet wet. Well all you need to start learning html is this guide and Notepad, now open a new notepad document and copy the code below.

<html>
  <head>
    <title>My Page </title>
  </head>

  <body>
    <h1>My first webpage!</h1>
      <p>Main content.</p>
  </body>
</html>

Now to save your text document simply goto ‘file > save as’ then make sure that the drop down box ‘Save as Type’ has ‘All Files’ selected. Now just save the document as ‘index.html’ without the quotes. Now if you double click the file you just created you will see the page you just created in your default web browser.

Now then what exactly does the code mean?

well <HTML> denotes the begining of our html page, this tag also tells the browser that this is a Hypertext Markup Language document, next we have the <head> tag this does not show any content on the page however this is where our Meta Information, title and javascript would go. The <title> tag denotes the begining of our title which will show on the title bar of the browser, the </title> tag simply tells the browser where the title ends. next we need to end the head using </head> and start the main body of the page using <body> the body will contain all of the important stuff that we want to show on our page. Inside the body we have created a header for our content using the <h1> and <h2> tags, next we have a paragraph denoted by <p> and </p>, and eventually we simply end the body and our page using the </body> and </html> tags.

]]> http://www.j-henderson.co.uk/2010/01/6/feed/ 0