0% found this document useful (0 votes)
18 views14 pages

HTML Job Sheet

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
18 views14 pages

HTML Job Sheet

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 14
REWORLD COMPUTER ORGANIZATION Basic Knowledge of computer Fg additional information Microsoft PowerPoint 7 4 . ont Contact:-RAJA SHAW Practical Exercise Lession no: 1 9831704752 Open the Microsoft Power point and create the following presentation (Microsoft Power point SECOND SLIDE Generation Of Computer © The First Generation: 1946-958 + The Second Generation: 1959-1964 ‘+ The Third Generation: 1965-1970 © The Fourth Gener: open 2 515 presentation 9 26 =) FIRST SLIDE ‘Computer Generation Reworld Computer Organization THIRD SLIDE in: 1971-Today The First Generation (Basic Features) + Expensive — ee + Undependable The Second Generation (Basic Features) ‘© Use of vacuum tubes ‘ Used transistors Less heat dissipation * Bulky and heavy * Replace vacuum tubes» Solid state device ‘* Magnetic core memory © Smaller and cheaper» Made from silicon (sand) Punch cards were used FIFTH SLIDE The third and fourth Generation (Basic Features) ‘¢ Uses Integrated circuits, «* Disk storage and online terminals * Started roughly in 1964 with the IBM system 3/360 3 Apply the slide different design to the all slides (2re7e® slide « ermen sam slide design a6 x) Insert the Footer to the all slides and also insert the slide number (#z=ref slide # footer sme slide number P= =) Change the color sefierie SGREEN> to the all slide (ecere® slide 4# color scheme "YW % 75 =) Change the background fill effects gradient with two colors of 2” & 4° slide (R81 4% zd slide't background fill effects gradient- 9 ma am. gw = PE EA) @. Insert the new slide between 3" and 4" slide and inset the table and chart into the slide(or © eRe WEEE Wa Ag BRS insert was x ae TE A aed BAe ¢ ae insert ws =) ‘Insert pleture to all slide & set the slide transition and custom animation every page and ever page must be displayed after 5 seconds interval (2oe7#8 slide « picture SFTE WR ee ACETRR slide a slide transition «% custom animation re xt 5 seconds eet) $500 | Cost T Exp. $400 | 1995 "$500 | $80 $300 3955 | 1999 | $400 | $50 | $200 1999 [2003 | $200 [$20 3100 2 2003 so REWORLD COMPUTER CENTER Page 21 REWORLD COMPUTER ORGANIZAION PAGE :1 HTML STUDY MAERIAL Unordered List An Unordered List: <An Unordered List: * Coffee
    be + Milk
Orderedtigt -htmi> An Ordered List:

An Ordered Lst: 1. Coffee
    2. Tea 3. Milk
Nested list Sris A nested List: ch4>A nested list: + Coffee
    + Tea e Black tea ee A © Green tea ae + Milk
  • Black tea
A nested List: Coffee Tea o Black tea Green tea China Africa Milk ‘chtmn> <A nested Usti

  • Black tea flix REWORLD COMPUTER ORGANIZAION PAGE :2 Different Types of Ordered List Numbered list:
    1. Apples
    2. Bananas
    Letters list:
    1. Apples
    2. Lemons«/li>
    3. Orangess/li>

    Lowercase letters list:

      Appless/li>
    1. Bananas
    2. Lemons
    3. <
    4. Oranges
    Roman numbers list: *
  • Appless/li>

    Lowercase Roman numbers list:

    1. Bananas
    Numbered list BERS 3 g a . Oranges Letters list: A. Apples B. Bananas C. Lemons D. Oranges Lowercase letters list: a. Apples b. Bananas c. Lemons d. Oranges Roman numbers list: 1. Apples I. Bananas TI. Lemons IV. Oranges Lowercase Roman numbers list: i. Apples ii, Bananas iii, Lemons iv. Oranges REWORLD COMPUTER ORGANIZAION PAGE:3 Different types of unordered Lists

    Note: The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTMLS. ‘Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below:

    Disc bullets list:

    • Apples
    • Bananas
    • Oranges

    Circle bullets list:

    • Apples
    • Bananas

    Square bullets list:
      ,
    • Bananas
    Note: The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTMLS. Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below: Disc bullets I + Apples + Bananas + Lemons + Oranges Circle bullets list: eo Apples © Bananas Lemons © Oranges Square bullets lis + Apples + Bananas + Lemons + Oranges

    A Definition List:
    Coffee
    <
    - black hot drink
    <
    - white cold drink
    A Definition List: Coffee = black hot drink Milk - white cold drink REWORLD COMPUTER ORGANIZAION PAGE :4 Text Formatting ... [Heading (?= 1 for largest to 6 for smallest, eg hl) ‘... . Bold Text Italic Text ue.
    Underline Text .. Strikeout ‘sup> ... text ‘Superscript - Smaller text placed below normal “subs... Subscript - Smaller text placed below normal text ~small> .. ‘Small - Fineprint size text et.
    Typewriter Text ~pre> ... Pre-formatted Text “
    ...
    _| Text Block Quote, ~strong> .. ‘Strong - Shown as Bold in most browsers ‘emp... ‘Emphasis - Shown as Italics in most browsers .. Font tag obsolete, use CSS. (*) "3" color="red">This is some text! plue">This is some text! ngreen*>This is some text ! This is heading 1 ‘

    This is heading 2

    -ch3>This is heading 3

    |This This is heading 2 hea gl ‘This is heading 3 ‘

    This is heading 4

    need
    This is heading 6 ‘This is heading 5 | | ns tines | ‘ehtmnb> This text is bold <

    cboThis texts bolds

    This textis strong <This text is strong

    ‘This text is emphasized This text is emphasizeds/em>

    < This text is italic ‘

    This text is small

    subscripte/sub> and This testis small superscript

    This is eupsenpe and PEEL REWORLD COMPUTER ORGANIZAION Insert horizontal PAGE'S <> ‘

    This is a paragraph.


    This is a paragraph.


    The hr tag defines a horizontal rule:

    ‘The hr tag defines a horizontal rule This isa paragraph This is a paragraph, This is a paragraph ...
    Tag Attributes: border="?" bordercolor="#? bgcolor="#??: width="?2" height="22" . the... , Row 2 chtml> ethocolumn L 5" bordercolor Lc/ed> (ea> 3estarcite> table>: REWORLD COMPUTER ORGANIZAION Table height and width
    ... Tag Attributes: bgcolor="#277772" align="22" Row 1, Colunn 1¢/ta> Row 1, Column 2 cyte Row 2, Column 1 Row 2; Column 2 cjee jrtmi> Table creation Define a Table Thickness of outside border Border Colour Space between cells (pixels) ‘Space between cell wall and content Horizontal Alignment: left, center, right (*) Background Colour (*) Table Width (pixels or %) (*) Table Height (pixels or %) (*) Table Row within table Header Cell within table row Table Cell within table row Number of columns the cell spans across (cell merge) Number of row a cell spans across (cell merge) Cell Width (pixels or %) (*) Cell Height (pixels or %) (*) Background Colour (*) Horizontal : left, center, right (*) Vertical Alignment: top, middle, bottom (*) Row 1, Column i]Row 1, Column 2 Row 2, Column s]Row 2, Column 2 REWORLD COMPUTER ORGANIZAION PAGE :6 Table Heading - The
    Element: Name Salary] ple border IRamesh Raman|5000 > [Shabbir Husseinl7000 ‘ ethosalary Ranesh Ranan 5000 >7000¢/ta>
    Table Cellpadding and Cellspacing chody> psalary : Name | Salary eta>Ranesh Rananc/td> Ramesh Raman 5000 5000 ‘Shabbir Hussein 7000 Sshabbir Hussein >7000¢/ta>
    + Colspan and Rowspan Attributes Row 2 Cell 2Row 2 Cell 3 Row 3 Cell 1 2
    Row 1 Ce 11 2Row 1 Cell 1 2Row 2 ci S*>Row 3 Cell L
    Row 1, Colunn 400" height! Row 2, Column 2) column Nested Tables ntml>
    eiee> eta
      e/er> e/eable> ‘chtml> epee td bgcolor= Row 3 Cell 1
    Ranesh Rananc/td> td>5000 etabshabbir Husseinc/ta> 7000¢/ta>
    ced>Row 2, Column 1 Row 2, Column 2 etrrctd rowspan="2 (column 1 Row 3 Cell 1 eth>Colunn 2 ethoColunn 3 Row 1 Cell 1 \d">Row 1 Cell 2 cersctd colspan=" background="/images/pattern] .gif"> Row 1, Column 1 Row 2, Column 1 amesh Raman 5000 | ‘Shabbir Hussein7000* Row 2, Column i Row 2, Column 2 PAGE :7 Row 1, Column 2 “Row 2, Column 2 Using list inside this cel REWORLD COMPUTER ORGANIZAION Hyper link different page

    This isa link to Google

    This is a link to our HTMIL reference.

    This is a link to Google. This is a link to our HTML reference. Hyperlink same page PAGE:9 TAG indexanchor example TAGindex + Anchor example Menu "Menus /a> © Jump to 2001 © Jump to 2002 ‘= Jump to 2003 001 >gump to a001dump to a00: 3n>Jump to a003 Seen paragraph text paragraph text paragraph text ef paragraph text paragraph text paragraph text "3a002 paragraph text paragraph text paragraph text text »..

    paragraph text paragraph text paragraph text aa paragraph text paragraph text paragraph text "ogump to Menus/a>

    200 Jump to Menu Paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text 3003 paragraph text paragraph text paragraph text, paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text, paragraph text paragraph text paragraph text paragraph text paragraph text paragraph text, paragraph text paragraph text paragraph text, paragraph text paragraph text paragraph text REWORLD COMPUTER ORGANIZAION PAGE 10 Body tag Color Attributes used with the Tag, Attribute Description BGCOLOR __| Applies a solid background color behind the text of your page TEXT The color of your text uNK The color of a link before you visit it VLINK The color of a link after you visit it (Visited Link) ALINK The split-second color of a link when you select it (Active Link) BACKGROUND | A graphical background created by tiling an image of your choice across the screen L Color Names color code Color Code Black “wo00000" et Blue *w0000FF* White WFFEFFE" arty Red ~aFF0000" Green HOOFFOO" SILVER WHITE YELLOW fees aoe Yellow “WFFFFOO" Expressing Yourself With Color Expressing Yourself With Color In this example, the background is black and the text is yellow. Links are red, visited links are ‘white but turn green when first selected. REWORLD COMPUTER ORGANIZAION PAGE :12, Exercise Exercise 1. A BIC Exercise 7. DE F Title goes here A B Exercise 2. DiElFlE wads c H I A KLM 3 2 u N ° c FT Exercise 3. Title goes here A Cc E B D F Exercise 4. AD le goes here B E c oF . Exercise 5 A D Title goes here B EB c t Exercise 6 A D Title goes here B E REWORLD COMPUTER ORGANIZAION PAGE :12 Hyperlink Exercis | Home | Sports | Entertainment | Tech | This is my hyperlink exercise. | All updates by Nick Cosky | Fottow me on Twitter! Check out my blog too.... straight quality blogging. ae ee Ces ig E cpooksizoo7iwahe ¥ ty XK _ WG Gsoktion 4.3 fh Qo mee epPoge - Internet and World Wide Web How to Program: Fourth Edition Welcome t© the World of rpeemet Programming. .., have provided topical coverage for many jrremet-telated topics 3 hy computer Ree er ede 6c- CNbooks\z007 Waheed ¥ ty X de & [@saconse My Favorite Ice Cream, Soft Serve and Frozen Yogurt Flavors 1 Ice Cream 2 Cherry Garcia > Cookie Dough > Bubble Gum ° Coffee 2. Soft Serve ¢ Vanilla Chocolate Strawberry 3. Frozen Yogurt 2 Vanilla 2 Heathbar Crunch 2 Chocolate REWORLD COMPUTER ORGANIZAION PAGE :13 . A table comparing various undead creatures Undead Comparison [ntelligent? /Fast Moving? Infectious Bite?| Weaknesses. Zombies [No [No [Yes Vampires |Yes[Yes_—__—i(Yes _ Mummies [No [No Ghosts Yes iYes @ Hove WTA - Moca Fretox seer onsite file Edit View History Bookmarks Iools Help SX © _ tewcivsersp/Pesiopncianeerznim —< - a) | & Most Visited @ Getting Started » Latest Headlines Hove HTML = | HTML Practice Exercise James Madison Universi love HTML because 1. Teamedit quickly. 2. Tcan make web pages using code 3. Ieis fan “My professor's e-mail address is clarketb @jnm edu | Have a great day! REWORLD COMPUTER ORGANIZAION z ten The background color is "BEIGE. ‘Rishon ue hat ae of 10" andi colored “BLUE: Tose ble et ‘Ti ble spas with of S00" pts and has bode si of "2" Hao bas cetpadting set “10 ed able beading na ow wih a columa span (t°3" Call in sow 2 has a cori span of"2.” And ow 3 baa id cel wits oad ex a! Ply yor nae at all he wD data comers

    You might also like

    Row 1 Cell 3 Row 2 Cell 2Row 2 Cell 3