EASY HTML TUTORIAL FOR STARTERS....Enjoy

introduction Lesson 1==>HTML is the main language for designing web pages and is an acronym for Hyper Text Markup Language. HTML is simple and easy to learn. By the end of this tutorial you will be able to create your own website with links, images, tables, special effects for text and much more. To start working with HTML you will need a text editor and a web browser. Text Editor You can easily edit HTML files using an html editor like FrontPage instead of writing your markup tags in a plain text file. But the best way to learn is by using a plain text editor like Notepad or Wordpad. If you are using windows you can open Notepad or Wordpad by going to: HTML is the main language for designing web pages and is an acronym for Hyper Text Markup Language. HTML is simple and easy to learn. By the end of this tutorial you will be able to create your own website with links, images, tables, special effects for text and much more. To start working with HTML you will need a text editor and a web browser. Text Editor You can easily edit HTML files using an html editor like FrontPage instead of writing your markup tags in a plain text file. But the best way to learn is by using a plain text editor like Notepad or Wordpad. If you are using windows you can open Notepad or Wordpad by going to: WHAT YOU WILL NEED Lesson 2==>You can easily edit HTML files using an html editor like FrontPage instead of writing your markup tags in a plain text file. But the best way to learn is by using a plain text editor like Notepad or Wordpad. If you are using windows you can open Notepad or Wordpad by going to: You can easily edit HTML files using an html editor like FrontPage instead of writing your markup tags in a plain text file. But the best way to learn is by using a plain text editor like Notepad or Wordpad. If you are using windows you can open Notepad or Wordpad by going to: HTML TAGS Lesson 3==>All HTML pages are formatted by using tags. Two facts about tags: 1. Almost all tags contain a less sign (<) and a greater sign (>). 2. Almost all tags have an opening tag and a closing tag. You will learn which tags do not need a closing tag later in this tutorial. Here are some examples of opening tags Here are some examples of closing tags. The closing tag is exactly the same as the opening tag except it contains a forward slash. Notice how each tag begins with a less sign (<) and ends with a greater sign (>). All HTML pages are formatted by using tags. Two facts about tags: 1. Almost all tags contain a less sign (<) and a greater sign (>). 2. Almost all tags have an opening tag and a closing tag. You will learn which tags do not need a closing tag later in this tutorial. Here are some examples of opening tags Here are some examples of closing tags. The closing tag is exactly the same as the opening tag except it contains a forward slash. Notice how each tag begins with a less sign (<) and ends with a greater sign (>). PAGE STRUCTURE Lesson 4==>All Webpages are made up of a head and a body. First we need to let the browser know we will be using HTML by using the HTML tags. Open Notepad and start with this. <html> </html> As mentioned above all pages have a head section. <html> <head> </head> </html> The only tags within the head tags that we need to worry about right now are the title tags. <html> <head> <title></title> </head> </html> All pages have body section as well. <html> <head> <title></title> </head> <body> </body> </html> Notice how the tags are nested. It is very important to ALWAYS nest your tags. Meaning, whichever tag was opened last should be closed first. If tags aren ’t nested they are overlapping and overlapping tags may appear distorted in some browsers. The following code would be an example of overlapping tags. The following code would be an example of nested tags: Ok. Now let’s give this page a title. To do this, type My First Page in between the opening title (<title>) and the closing title (</title>) tags. Now lets put some actual text into your page. To do this, type Hello World! in between the opening body (<body>) and the closing body (</ body>)tags. Your code should now look like this: <html> <head> <title> My First Page </title> </head> <body> Hello World! </body> </html>All Webpages are made up of a head and a body. First we need to let the browser know we will be using HTML by using the HTML tags. Open Notepad and start with this. <html> </html> As mentioned above all pages have a head section. <html> <head> </head> </html> The only tags within the head tags that we need to worry about right now are the title tags. <html> <head> <title></title> </head> </html> All pages have body section as well. <html> <head> <title></title> </head> <body> </body> </html> Notice how the tags are nested. It is very important to ALWAYS nest your tags. Meaning, whichever tag was opened last should be closed first. If tags aren ’t nested they are overlapping and overlapping tags may appear distorted in some browsers. The following code would be an example of overlapping tags. The following code would be an example of nested tags: Ok. Now let’s give this page a title. To do this, type My First Page in between the opening title (<title>) and the closing title (</title>) tags. Now lets put some actual text into your page. To do this, type Hello World! in between the opening body (<body>) and the closing body (</ body>)tags. Your code should now look like this: <html> <head> <title> My First Page </title> </head> <body> Hello World! </body> </html>