Monday 31 December 2012

HTML

What is HTML?

     HTML is a language for describing web pages.
  • HTML stands for Hyper Text Markup Language.
  • HTML is not a programming language, it is a markup language.
  • A markup language is a set of markup tags.
  • HTML uses markup tags to describe web pages.

HTML Tags?

     HTML markup tags are usually called HTML tags
  • HTML tags are keywords surrounded by angle brackets like <html>.
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the second tag is the end tag.
  •  Start and end tags are also called opening tags and closing tags.

HTML Documents = Web Pages

   HTML documents describe web pages
  • HTML documents contain HTML tags and plain text. 
  • HTML documents are also called web pages. 
  • The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML
    documents and display them as web pages. The browser does not display the HTML tags,but uses the tags to interpret the content of the page:
    <html>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>
    Example Explained
    • The text between <html> and </html> describes the web page
    • The text between <body> and </body> is the visible page content
    • The text between <h1> and </h1> is displayed as a heading
    • The text between <p> and </p> is displayed as a paragraph
     
     

HTML Headings

      HTML headings are defined with the <h1> to <h6> tags.

          <html>
          <body>
          <h1>This is heading 1</h1>
          <h2>This is heading 2</h2>
          <h3>This is heading 3</h3>
          </body>
          </html>
          Your Result:

            This is heading 1

            This is heading 2

            This is heading 3

HTML Paragraphs

    HTML paragraphs are defined with the <p> tag.
              <html>
              <body>
              <p>This is a paragraph.</p>
              <p>This is a paragraph.</p> 

              <p>This is a paragraph.</p>
              </body>
              </html>
             

               Your Result:
               This is a paragraph.
               This is a paragraph.
               This is a paragraph.

HTML Links

     HTML links are defined with the <a> tag.
                <html>
                <body>
                <a href="http://www.w3schools.com">This is a link</a>
                </body>
                </html>

HTML Images

        HTML images are defined with the <img> tag.
               <html>
               <body>
               <img src="w3schools.jpg" width="104" height="142" />
               </body>
               </html>

HTML Lines

        The <hr /> tag creates a horizontal line in an HTML page.
        The hr element can be used to separate content:
               <html>
               <body>
               <p>The hr tag defines a horizontal rule:</p>
               <hr />
               <p>This is a paragraph</p>
               </body>
               </html>
               Output:

                The hr tag defines a horizontal rule: