Skip to main content

ABOUT HTML MARKUP LANGUAGE

STRUCTURE OF HTML DOCUMENT: 
HTML document are structured into two parts:
  1. HEAD
  2. BODY
  • HEAD: Head contain information about the document that is not displayed with the document such as TITLE.
  • BODY: contains the text of the body that is material to be displayed with the document.
 


      <HTML>
               <HEAD>
                   <TITLE>                         
                            -------------
                             --------------
                   </TITLE>
               </HEAD> 
           <BODY>
                       -----------------
                       -----------------
                       ----------------
            </BODY>
      </HTML>
                 

 
NOTE: Elements allowed inside the HEAD such as TITLE, are not allowed inside the BODY, and vice versa.
EXTENSION OF HTML DOCUMENTS:
Extension: is the part after the dot in the filename.

HTML Files are indentified by names such as abc.html where .html extension indicates an HTML document. Four letter extensions are common. Generally the extension is truncated(reduced) to three letters that is becomes .htmlor .htm.
CREATING A HTML PROGRAM:
To creat an HTML document follow these steps:
  1. Open Notepad by clicking on Start>Programs>Accessories>Notepad.
  2. The Notepad Window will appear. Type the HTML code in the Notepad.
  3. Click on File>Save menu option. The save as dialog box will appear. Select the folder to save the file.Give the name in the file name text box with extensions .html or .htm.
  4. Click on the Save button.
VIEWING A HTML PROGRAM:
To view an HTML File, we need only the web browser. To veiw the web page follow these steps:
  1. Click on Start>Programs menu and choose Internet Explorer option. The Internet Explorer Window will appear.
  2. Click on File>open menu option. The open dialog box will appear. Click on Browse button and diaglog box will appear.
  3. Choose the path where you have stored the HTML document and after selecting your file. Click on Open button and Click Ok on Open dialog box.
  4. Your web page will be displayed on the Web Browser.
HTML Stands for Hypertext Markup Language. 
  • Hypertext: Text used to link a Web Page.
  • Markup: It means highlighting text either by underlining or displaying it in different colors or both.
  • Language: It refers to the way of communication between webpages , which has its own syntax and rules. 
HTML is a Language which is used for describing Web Pages. HTML uses Markup Tags to describe Web Pages.


  • HTML is a Markup Language.
  • Markup Language is a set of markup Tags.
  • Markup Tags also called HTML Tags.
  • HTML is not a Programming Language.
  • Markup Language designed for the presentation of text.
  • HTML is about Displaying Data.
  • HTML is not a Case Sensitive Language means uppercase and lowercase letters both have same meaning.
  • HTML tags are predefine.
 HTML Documents known as Web Pages. HTML Documents consist of
  1. Simple text (Plain Text) and 
  2. Markup Tags ( also known as HTML Tags).
HTML FILE:
  • WWW(World Wide Web) is Noting but a Vast Collection of HTML Files.
  • HTML Files simply Text Files (including HTML Tags) that can be easily read and understood by Human eyes. 
  • Web Browsers interpret HTML Files in order to Display Web Pages. This is the main Function of WebBrowser. 
  • Whenever you use a Browser to veiw Page on World Wide Web, the Browser had converted that Web Page from an HTML File.
VERSIONS:
  • The First Version was HTML 2.0 . It includes elements like Bold, italics etc. It did not support Tables or ALIGN attributes.

  • HTML3 was developed in 1995.
  • HTML 3.2 was next Offical Version support for TABLES, IMAGES , HEADING and other elements that is ALIGN attributes etc. Missing some of the Netscape/Microsoft extensions such as FRAMES , ENBED , APPLET.
  • HTML4.1 is Current Official Standard Version. It supports some extra Features that is Cascaded Style sheets(CSS) ,extra TABLES, FORM and Javascript.
CHARACTERSTICS:
  1. It is easy to understand and can be easily modified.
  2. It provides a flexible way to design the webpage alon with the text.
  3. HTML documents can be displayed on any platform such as UNIX etc.
  4. Effective Presentation can be made with all formatting effects.
  5. Videos,Graphics,Sound can also be used to give attractive look to the Web Pages.

Comments

Post a Comment

Popular posts from this blog

LECTURE BREAKUP OF PHP MYSQL

PHP+MYSQL Introduction Basic Syntax Variable & it's Scope I/O & Comment   String & it's Function Operator & Expression Decision Control Case Control Loop Control Arrays & Function Form Handling State Management - Cookies State Management - Session Mail Concept Working with File Date/Time Functions Introduction MySQL Environment Database Concept Datatype Query processing Statements  Query processing based on condition Database Connectivity Database Operation With GUI Import/Export Database
Post a Comment
Read more

SCRIPT CODE FOR VALIDATION

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>form</title> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> <script> function valid() { tname=document.frm.name.value; teid=document.frm.email.value; tmno=document.frm.phone.value; tmsg=document.frm.comment.value; if(tname=="") { alert("Pls. Fill Name"); document.frm.name.focus(); return false; } else if(teid=="") { alert("Pls. Fill Email"); document.frm.email.focus(); return false; } else if(tmno=="") { alert("Pls. Fill Mobile no"); document.frm.phone.focus(); return false; } else if(isNaN(tmno)) { alert(...
Post a Comment
Read more

DIALOG BOX SHOW CODE IN SWING JAVA

import javax.swing.*; import java.awt.event.*; public class Dialog {   JFrame frame;   JPanel p;   public Dialog(){   frame = new JFrame("Show Message Dialog");   p=new JPanel();   JButton button = new JButton("Click Me");   button.addActionListener(new MyAction());     p.add(button);   frame.add(p);   frame.setSize(400, 400);   frame.setVisible(true);   frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);   }   public class MyAction implements ActionListener{   public void actionPerformed(ActionEvent e){   JOptionPane.showMessageDialog(frame,"My DialogBox");   }   }  public static void main(String[] args)  {     Dialog db = new Dialog();   } }
Post a Comment
Read more