Deepshikha html
Upcoming SlideShare
Loading in...5

Deepshikha html






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Deepshikha html Deepshikha html Presentation Transcript

  • Learning HTMLHTML (Hyper Text Markup Language) is the language usedto write Web pagesPresented by:Deepshikha BisariaIT-8thsem0928IT091019
  • Saving Your Work All projects should be saved this way. File Name. HTML Save As Type (Text Document) Make sure you know where you are saving. Click name your work and save as .
  • Declaration<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> !DOCTYPE HTML PUBLIC proclaims this is an HTMLdocument type that can be read by publicbrowsers. -//W3C represents the HTML organization thatdenotes what HTML commands are to be used andwhat are not. //DTD HTML 3.2 stands for Document Type DescriptionHyperText MarkUp Language (version) 3.2. //EN means the document will be written in theEnglish language. View slide
  • HTML Text editor – Word Pad or Note Pad. We will use Word Pad. To find Word Pad click start, programs,accessories, then Word Pad. View slide
  • Let’s create a template Let’s start by creating 8 pairs of less thanand greater than symbols. Please do not use the space bar.<><><><><><><><>
  • Put the less than and greaterthan signs in a column. <><><><><><> Place your cursor between a pair of lessthan greater than signs and press enter onyour keyboard.<><>
  • Structure Tags <HTML> .....</HTML> Opens and closes all HTMLdocuments. <HEAD> ….</HEAD> Encloses document header. <TITLE> …..</TITLE> Contains the document’sassigned title. <BODY> ….</BODY> Contains the body of theHTML document. / means this is a closing tag.
  • More Structure Tags CharacterFormatting    <B>...</B> Bold text.<I>...</I> Italic text.<U>...</U>   Underlined text.<center>..</center> center text.
  • <font size”..”> </font size”..”> text size 1-7<OL>...</OL> An ordered (numbered)list.<UL>...</UL> An unordered (unnumbered),bulleted list.<LI>   A list item
  • Attributes: BGCOLOR="..."   Sets background color. TEXT="..." Sets color of text. LINK="..." Sets color of unvisited links. VLINK="..." Sets color of visited links.
  • Headings H1>...</H1> -- <H6>...</H6>   Used to set size of headings. Values of 1through 6; with 1 being the largest, 6 thesmallest.
  • Paragraphs <P>   Used to denote a plain paragraph. Links     <A>....</A>   Creates a link toanother document or anchor. Attributes:HREF"..." The URL of a document to whicha given document is linked. NAME"..."Denotes an anchor name.
  • Lists     <OL>...</OL>   An ordered (numbered)list. <UL>...</UL>   An unordered(unnumbered), bulleted list. <LI>   A list item.
  • Character Formatting     <B>...</B>   Bold text. <I>...</I>   Italic text. <U>...</U>   Underlined text.
  • More Tags <BR>   A line break. Attributes: CLEAR="..." Causes text to stopflowing around images - possible valuesare LEFT, RIGHT and ALL.
  • Images     <IMG>   Used to place an image into adocument. Attributes: SRC="..." Information as to animages physical location. ALT="..."Alternate text to be displayed should animage be missing, or images are turnedoff in browser. ALIGN="..." Determines horizontal imagealignment; either LEFT or RIGHT. VALIGN="..." Determines vertical imagealignment; either TOP, MIDDLE, orBOTTOM.
  • Images WIDTH="..." The width in pixels of an image. HEIGHT="..." The height in pixels of theimage. BORDER="..." Creates a border around alinked image. "BORDERCOLOR=" may also be specified.
  • Tables     <TABLE>...</TABLE>   Creates a table. Attributes: BORDER="...." Indicates whethera table should have a border. May alsospecify a value indicating the width of aborder.
  • Tables CELLSPACING="..." Specifies amount ofspace between cells in a table. WIDTH="..." Specifies width of a table,either in pixels or as a percentage. <TR>...</TR>   Defines a table row. <TD>....</TD>   Defines a table data cell.**found in a <TR>....</TR>.