my First ppt

1
Deepak kumar gurjar BCA-1ST year
2
INTRODUCTION

• .

• HTML is not a programming language

• Html file extensions .html or .htm

• product of SGML. (Standard Generalized Markup
  Language)

3
The History of HTML
?
4
The History of HTML

• HTML is an evolving standard (as new
  technology/tools are added)
• HTML 1 (Berners-Lee, 1989) very basic, limited
  integration of multimedia
• in 1993, Mosaic added many new features (e.g.,
  integrated images)
• HTML 2.0 (IETF, 1994) tried to standardize these
  other features, but late
• in 1994-96, Netscape IE added many new,
  divergent features
• HTML 3.2 (W3C, 1996) attempted to unify into a
  single standard
• but didn't address newer technologies like Java
  applets streaming video

5
The History of HTML

• HTML 4.0 (W3C, 1997) current standard (but
  moving towards XHTML)
• attempted to map out future directions for HTML,
  not just react to vendors
• XHTML 1.0 (W3C, 2000) HTML 4.01 modified to
  conform to XML standards
• XHTML 1.1 (W3C, 2001) Modularization of XHTML
  1.0
• HTML 5 (Web Hypertext Application Technology
  Working Group, W3C, 2006) New
• version of HTML4, XHTML 1.0, and DOM 2
  (still a work in progress), no longer
• based on SGML, but backward compatible
  with parsing of older versions of
• HTML. HTML 5 is referred to as a
  "living language".

6
Basic HTML
lthtmlgt ltheadgt
lttitlegtJECRC Universitylt/titlegt
ltbody style"background-colorlightblue"gt
lthgtltbgtltcentergtltfont size8gtJECRC
UNIVERSITYlt/hgtlt/bgtlt/cent
ergt ltHR color"red"gt
ltpgtltbrgtA perfect example of showing work of
htmllt/brgt I am start with
some of the tags
ltugtLet's startlt/ugtlt/pgt
lt/bodygt lt/headgt lt/htmlgt
7
Working With HTML Tags

• 
  Start tag End tag
• Bold tag ?
  ltbgt lt/bgt
• Italics tag ?
  ltigt lt/igt
• Underline tag ? ltugt
  lt/ugt
• Paragraph tag ? ltpgt
  lt/pgt
• Big tag ?
  ltbiggt lt/biggt
• Superscript tag ? ltsupgt
  lt/sup
• Total 77
  Tags ..

8
Working With HTML Tags

• Standalone tags
• There are a few HTML tags which do not use an end
  tag and are used for standalone elements on the
  page
• ltimggt to display an image
• ltBRgt Line break
• ltHRgt header

9
Attributes of HTML

• Lists and Tables

• ltulgt starts an unordered (bulleted) list ltolgt
  starts an ordered (numbered) list. Items within
  the list are set off with ltligt ... lt/ligt (list
  item) tags
• lttablegt starts a table. lttable bordergt puts a
  border around it. Tables are built row by row,
  and cell by cell within each row. Table rows are
  lttrgt ... lt /trgt. Cells within rows are lttdgt ...
  lt/tdgt

CAMERA
10
Attributes of HTML

• Images

• Images are placed with ltimggt tags, with no
  closing tag. The basic syntax is
• ltimg srcsource_file titletool tip textgt
• The src value is a local file, the path to a
  file in a different directory under the HTML root
  directory, or a URL.
• The tool tip text is displayed when the mouse
  hovers over the image, or if for some reason the
  image wont display. It is also very useful for
  the visually impaired.

11
Attributes of HTML

• Links

• To put in a hyperlink, the anchor ltagt ... lt/agt
  tag is used. Syntax
• lta hrefURLgttext to use as linklt/agt
• You can also use an image between ltagt and lt/agt.
  In this case, clicking on the image sends you to
  the linked URL.
• If the linked page is on the same server, you can
  just use the file name, or the path to the file
  name, as the URL. However, if the linked page is
  on a different server, you should use the entire
  address, including the http//, as the URL.

12
Attributes of HTML

• comments

• Anything within lt!-- your comment --gt is a
  comment it is not displayed in the browser even
  though it appears in the source code.
• Comments can be many lines long.
• Note that there is no real closing tag the
  entire tag is enclosed within the opening lt!--
  --gt tag.

13
Attributes of HTML

• BlockQuotes

• Use ltblockquotegt . lt/blockquotegt to set up a
  block of text. Nested blockquotes will further
  indent.
• For example
• ltblockquotegtTiffany was one of America's most
  acclaimed and multitalented artists working in
  the late 19th and early 20th centuries.
• ltblockquotegtOf all of Tiffany's artistic
  endeavors, stained glass brought him the greatest
  recognition. lt/blockquotegtlt/blockquotegt
• will display as
• Tiffany was one of America's most acclaimed and
  multitalented artists
• working in the late 19th and early 20th
  centuries.
• Of all of Tiffany's artistic endeavors, stained
  glass brought him the greatest recognition.

14
Attributes of HTML

• Adding Multimedia Files

• lta hreffilename.extensiongt listen to sound file
  lt/agt
• lta hrefsound1.wavgt listen to sound file lt/agt
• lta hrefmovie1.movgt view movie clip lt/agt
• File Extentions

plain text .txt
Acrobat file .pdf AIFF sound file .aiff
.au . wav MP3 .mp3 QuickTime movie .mov
15
Basic HTML Document Format
ltHTMLgt ltHEADgt ltTITLEgtWENT'99lt/TITLEgt lt/HEADgt ltBO
DYgt Went'99 lt/BODYgt lt/HTMLgt
See what it looks like
16
(No Transcript)
17
(No Transcript)
18
(No Transcript)
19
(No Transcript)
20
(No Transcript)