Introduction to Basic HTML - Chapter 1

Unknown 2/24/2014 11:28:00 PM Comments
Chapter 1
(This section will help you understand basics of HTML, language used to create Websites)


(a) Introduction to HTML : Hypertext Markup Language
  • Hypertext - Simple meaning of Hypertext is "texts with link in it". Clicking a word that brings you to a new homepage means you have just clicked a HYPERTEXT.
  • Markup Language - Its a programming language used to create text to do something more than just sit on a webpage : it can convert text into images, links, lists, tables and much more.

Freshers-talent
Introduction to HTML

The first thing we should do before making any webpage is to setup the skeleton of the page.
  1. Always write <!DOCTYPE html> on the very first line. This notifies the browser what language its reading (in this course,its HTML)
  2. Always write <html> on the very next line (this starts the HTML document) and </html> on very last line of your code (this ends the HTML document).
<!DOCTYPE html>
<html>
.
.
// any html code..
.
.
</html>
NOTES :

  •  The <!DOCTYPE html> declaration is not an HTML tag; it is an instruction to the web browser about the HTML version used.
  • The <!DOCTYPE html> declaration is NOT case sensitive.
  • The <!DOCTYPE html> tag does not have an end tag unlike most of the html tags.

Basic Terminology - Chapter 2

Unknown 2/24/2014 10:49:00 PM Comments
Chapter 2
(This section will help you understand basics of HTML, language used to create Websites)


(b) Basic Terminology : 

 1) HTML Tags - To understand HTML more,we should know how to talk about HTML. You have already seen we have used < > s a lot.

  • Objects inside < >s are called tags.
  • Mostly all tags come in pairs : 
    1. Opening Tag- e.g. <html>
    2. Closing Tag- e.g. </html>
  • You should treat tags as Parentheses, whenever you open one, you have to close it.
  • Tags also have property to nest,so you should close it in right order as you have opened it.
<1st tag> <2nd tag>..Some Text..<2nd tag> <1st tag>





2) HTML Elements - "HTML Tags" and "HTML Elements" are often misunderstood as same thing but both are very different things. "HTML Elements" consists of every thing between an Opening Tag and Closing Tag including the content between these tags.

<opening tag>..text content..</closing tag> - This whole unit together is called HTML Element.
<p> This is an example of HTML Element </p>

Make the Head - Chapter 3

Unknown 2/24/2014 10:49:00 PM Comments
Chapter 3
(This section will help you understand basics of HTML, language used to create Websites)

(c) Make the Head : 
  • All content of our HTML file goes in between the opening <html> and closing </html> tags.
  • Always remember, there are always two parts of the HTML file : the head & the body. For now let's just focus on head tag.
    1. It has an opening tag as well as a closing tag. (i.e. <head> and </head> ).
    2. The head only includes important information about the HTML webpage. e.g. title
    3. The title of any webpage is the word you see in the web-browser's tab

Make the Body - Chapter 4

Unknown 2/24/2014 10:49:00 PM Comments
Chapter 4
(This section will help you understand basics of HTML, language used to create Websites)

(d) Make the Body : 
  • Whenever we put any content between the opening tag and closing tag, the entire bit is called an element.
element = <opening tag> + content + </closing tag>




  • The content you type in between <body> .. </body> tags is what will be visible on the actual web page.
  • Always remember, the <body> . . </body> tags goes inside the <html> . . </html> tags but not inside the <head> . . </head> tags.
<html>
           <head>  . .  </head>
           <body>  . .  </body>
</html>