Scribd Logo
Hochladen

Willkommen bei Scribd!

  • HTML Tutorial

    Hochgeladen von

    AbdlAfyz Adeshina
    25 Ansichten4 Seiten
    html tutorial

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    RTF, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    html tutorial

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als RTF, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    25 Ansichten4 Seiten

    HTML Tutorial

    Hochgeladen von

    AbdlAfyz Adeshina
    html tutorial

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als RTF, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 4

    <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> < >My !

    irst aragra h"</ > </body> </html> E#am le E# lained The DOCTYPE de$laration de!ines the do$%ment ty e The te#t bet&een <html> and </html> des$ribes the &eb age The te#t bet&een <body> and </body> is the 'isible age $ontent The te#t bet&een <h1> and </h1> is dis layed as a heading The te#t bet&een < > and </ > is dis layed as a aragra h (hat is HTM)* HTM) is a lang%age !or des$ribing &eb ages" HTM) stands !or Hy er Te#t Mar+% )ang%age HTM) is a mar+% lang%age , mar+% lang%age is a set o! mar+% tags The tags des$ribe do$%ment $ontent HTM) do$%ments $ontain HTM) tags and lain te#t HTM) do$%ments are also $alled &eb ages HTM) Tags HTM) mar+% tags are %s%ally $alled HTM) tags HTM) tags are +ey&ords -tag names. s%rro%nded by angle bra$+ets li+e <html> HTM) tags normally $ome in airs li+e <b> and </b> The !irst tag in a air is the start tag/ the se$ond tag is the end tag

    The end tag is &ritten li+e the start tag/ &ith a !or&ard slash be!ore the tag name 0tart and end tags are also $alled o ening tags and $losing tags <tagname>$ontent</tagname> HTM) Elements 1HTM) tags1 and 1HTM) elements1 are o!ten %sed to des$ribe the same thing" 2%t stri$tly s ea+ing/ an HTM) element is e'erything bet&een the start tag and the end tag/ in$l%ding the tags3 HTM) Element3 < >This is a aragra h"</ > (eb 2ro&sers The %r ose o! a &eb bro&ser -s%$h as 4oogle Chrome/ 5nternet E# lorer/ Fire!o#/ 0a!ari. is to read HTM) do$%ments and dis lay them as &eb ages" The bro&ser does not dis lay the HTM) tags/ b%t %ses the tags to determine ho& the $ontent o! the HTM) age is to be resented/dis layed to the %ser3 2ro&ser The <!DOCTYPE> De$laration The <!DOCTYPE> de$laration hel s the bro&ser to dis lay a &eb age $orre$tly" There are many di!!erent do$%ments on the &eb/ and a bro&ser $an only dis lay an HTM) age 1667 $orre$tly i! it +no&s the HTM) ty e and 'ersion %sed" Common De$larations HTM)8 <!DOCTYPE html> HTM) 9"61 <!DOCTYPE HTM) P:2)5C 1;//(<C//DTD HTM) 9"61 Transitional//E=1 1htt 3//&&&"&<"org/T>/html9/loose"dtd1> ?HTM) 1"6 <!DOCTYPE html P:2)5C 1;//(<C//DTD ?HTM) 1"6 Transitional//E=1 1htt 3//&&&"&<"org/T>/#html1/DTD/#html1;transitional"dtd1>

    (riting HTM) :sing =ote ad or Te#tEdit HTM) $an be edited by %sing a ro!essional HTM) editor li+e3 ,dobe Dream&ea'er Mi$roso!t E# ression (eb Co!!eeC% HTM) Editor Ho&e'er/ !or learning HTM) &e re$ommend a te#t editor li+e =ote ad -PC. or Te#tEdit -Ma$." (e belie'e %sing a sim le te#t editor is a good &ay to learn HTM)" Follo& the 9 ste s belo& to $reate yo%r !irst &eb age &ith =ote ad" 0te 13 0tart =ote ad To start =ote ad go to3 0tart ,ll Programs ,$$essories =ote ad 0te @3 Edit Yo%r HTM) &ith =ote ad Ty e yo%r HTM) $ode into yo%r =ote ad3 =ote ad 0te <3 0a'e Yo%r HTM) 0ele$t 0a'e as"" in =ote adAs !ile men%" (hen yo% sa'e an HTM) !ile/ yo% $an %se either the "htm or the "html !ile e#tension" There is no di!!eren$e/ it is entirely % to yo%" 0a'e the !ile in a !older that is easy to remember/ li+e &<s$hools" 0te 93 >%n the HTM) in Yo%r 2ro&ser 0tart yo%r &eb bro&ser and o en yo%r html !ile !rom the File/ O en men%/ or B%st bro&se the !older and do%ble;$li$+ yo%r HTM) !ile" The res%lt sho%ld loo+ m%$h li+e this3 HTM) Headings

    HTM) headings are de!ined &ith the <h1> to <hC> tags" E#am le <h1>This is a heading</h1> <h@>This is a heading</h@> <h<>This is a heading</h<> HTM) Paragra hs HTM) aragra hs are de!ined &ith the < > tag" E#am le < >This is a aragra h"</ > < >This is another aragra h"</ > HTM) )in+s HTM) lin+s are de!ined &ith the <a> tag" E#am le <a hre!D1htt 3//&&&"&<s$hools"$om1>This is a lin+</a> HTM) 5mages HTM) images are de!ined &ith the <img> tag" E#am le <img sr$D1&<s$hools"B g1 &idthD11691 heightD119@1>

    Das könnte Ihnen auch gefallen