Starting with HTML
http://www.onlineresourcesdirectory.com/articles/505/1/Starting-with-HTML/Page1.html
Jim Adams
By Jim Adams
Published on Saturday 21st 2009
Knowing HTML is essential if you are stepping into the world of
e-buiness. Even if you decide to use Site Builders, templates or
automated Blog posting, you have to learn the beginner stuff.
Knowing HTML is essential if you are stepping into the world of e-buiness. Even if you decide to use Site Builders, templates or automated Blog posting, you have to learn the beginner stuff.
What is HTML? HTML is a text file containing markup tags that tell the Web browser how to display the WEB page. At first site it might look complicated but actually it is very simple.
Start Notepad (or SimpleTex on a Mac). Copy and paste the following text in Notepad. Than remove the star (*).
<*html>
<*body>
This is the simplest HTML Page!
<*/body>
<*/html>
Save the file as mypage.html or page.html (or any other file name with .htm or .html extension). Now open the file with any WEB Browser. What do you see?
Now try this:
<*html>
<*head>
<*title>My WEB Page<*/title>
<*/head>
<*body>
You can write anything here
<*/body>
<*/html>
And this:
<*html>
<*head><*title>My Table<*/title><*/head>
<*body>
This is a Table
<*table>
<*tr><*td>Row-1 Cell-1<*/td><*td>Row-1 Cell-2<*/td><*/tr>
<*tr><*td>Row-2 Cell-1<*/td><*td>Row-2 Cell-2<*/td><*/tr>
<*/table>
<*/body><*/html>
In HTML Everything boils down to tags. The document starts with the tag <*html> and ends with <*/html>. The visible content of the page is placed between the <*body> and <*/body> tags. Bold text is placed between <*b> and <*/b> etc.
The <*head> tags contain header information that it’s not displayed in the browser window. The text between the <*title> tags is part of the head and it’s the title of the document. The title is displayed in your browser's caption (The top of the window).
Tables are widely used in HTML to arrange the page’s outlay. Table is defined with <*table> and <*/table> tags. Row of a table is defined by <*tr> and <*/tr> and a cell is defined by <*td> and <*/td> tags.
As the number of the elements included in the document grows the HTML code looks more and more complex. You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.
What is HTML? HTML is a text file containing markup tags that tell the Web browser how to display the WEB page. At first site it might look complicated but actually it is very simple.
Start Notepad (or SimpleTex on a Mac). Copy and paste the following text in Notepad. Than remove the star (*).
<*html>
<*body>
This is the simplest HTML Page!
<*/body>
<*/html>
Save the file as mypage.html or page.html (or any other file name with .htm or .html extension). Now open the file with any WEB Browser. What do you see?
Now try this:
<*html>
<*head>
<*title>My WEB Page<*/title>
<*/head>
<*body>
You can write anything here
<*/body>
<*/html>
And this:
<*html>
<*head><*title>My Table<*/title><*/head>
<*body>
This is a Table
<*table>
<*tr><*td>Row-1 Cell-1<*/td><*td>Row-1 Cell-2<*/td><*/tr>
<*tr><*td>Row-2 Cell-1<*/td><*td>Row-2 Cell-2<*/td><*/tr>
<*/table>
<*/body><*/html>
In HTML Everything boils down to tags. The document starts with the tag <*html> and ends with <*/html>. The visible content of the page is placed between the <*body> and <*/body> tags. Bold text is placed between <*b> and <*/b> etc.
The <*head> tags contain header information that it’s not displayed in the browser window. The text between the <*title> tags is part of the head and it’s the title of the document. The title is displayed in your browser's caption (The top of the window).
Tables are widely used in HTML to arrange the page’s outlay. Table is defined with <*table> and <*/table> tags. Row of a table is defined by <*tr> and <*/tr> and a cell is defined by <*td> and <*/td> tags.
As the number of the elements included in the document grows the HTML code looks more and more complex. You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.