Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WEB PAGE DESIGN USING HTML

3,675 views

Published on

  • Login to see the comments

WEB PAGE DESIGN USING HTML

  1. 1. Introduction to HTmL 1
  2. 2. TABLE OF CONTENT INTRODUCTION 3 WHAT IS HTML 4 FEATURES OF HTML 5 TAGS IN HTML 6 THE THREE C’S OF WEB PAGE 16 2
  3. 3. Tim Berners Lee developed HTML in the early 1990 at CERN ( Conseil European de la Recherche Nucleaire ), the European Particles Laboratory in Geneva, Switzerland. HTML is a public domain and not owned by anybody. The WBC (World Wide Web Consortium www.w3.org) is the body, which controls the HTML standards. 3
  4. 4. HTML (HYPER TEXT MARKUP LANGUAGE) Hyper Text Markup Language (HTML) is suitable for converting ordinary text into hypertext. It is a set of special codes included to control the layout and appearance of the text. Technically, HTML is not a programming language. It combines instructions within data to form a display program, called browser. 4
  5. 5. HTML HAS THE FOLLOWING FEATURES 1. • HTML is a character-based method for describing and expressing the content. The content is pictures, text, sound, and video clips. 2. • It delivers • the contents to multiple platforms. 3. • It links document components or documents together to compose compound documents. 4. • HTML is a type of code. It embeds simple codes within Standard ASCII test documents to provide an integrated, two- dimensional display of text and graphics. 5. • Any document created with any word processor and stored in ASCII format can become a Web page with the addition of a few HTML codes. 5
  6. 6. Tag or Tag element refers to the HTML codes that define the element in an HTML file such as headings, images, paragraphs and list. There are two kinds of tags container tag and empty tag. HTML tags are inserted into a document between < and > symbols. Tags are not case-sensitive. 6
  7. 7. HTML TAGS Container Tag < > Empty Tag Attribute : Attribute =“value” e.g., align = “center” 7
  8. 8. Paragraph and Line Break Tags : The P (Paragraph) Tags <P> The BR (Line Break) Tag <BR> 8
  9. 9. Formatting the text Using Italic <I> </I> and Bold Highlighting. <B> </B>  Underline <U> </U> 9
  10. 10. Starting user page document tags :  The Html Tag <HTML> </HTML  The Title Tag <TITLE> </TITLE>  The Head Tag <HEAD> </HEAD>  The Body Tag <BODY> </BODY> 10
  11. 11. Creating Lists The OL (Ordered List ) Tags <OL> </OL> 1. Kolkata 2. Delhi 3. Mumbai The UL (Unordered List) Tag <UL> </UL> • Kolkata • Delhi • Mumbai 11
  12. 12. Creating Definition Lists DL Tag – A tag to define the list <DL> </DL> DT Tag – A tag to define the term <DT> </DT> DD Tag – A tag to define the definition <DD> </DD> 12
  13. 13. Other Tags The HR Tag (Horizontal Rule) <HR> </HR> The LI Tag <LI> </LI> 13
  14. 14. Adding Image to your Web Page The Image Tag Syntax : <img src=“ file name with the extention .png or .jpg ”> </img> e.g.; <center><img src=“ sxccal.jpg”></img></center> 14
  15. 15. CREATING HYPERTEXT LINKS • Anatomy of the A (Anchor) Tag : <A HREF = “SXC.HTML”> Go to sub document</A> Start and End tags Link Target Link Text 15
  16. 16. To develop Web pages, we always remember the following three C’s of Web page design : 16

×