dmylogi.com

Hoe om HTML te leer

HTML is die afkorting van Hyper Text Markup Language

(hiperteks opmerkings taal) en is die kode of taal wat gebruik word om webwerwe te skep. Dit kan dalk `n bietjie intimiderend lyk as jy nog nooit `n kode geskep het nie, maar al wat jy nodig het, is `n teksprogram en `n internetblaaier. U kan selfs sommige van hierdie HTML-kodes herken wat gebruik word om die teks in aanlynforums, in persoonlike profiele of in wikiHow-artikels te verander. HTML is `n baie nuttige hulpmiddel vir enigeen wat die internet gebruik en leer die basiese beginsels kan baie minder neem as wat jy dink.

stappe

Deel 1
Leer basiese HTML

Prent getiteld Leer HTML Stap 1
1
Maak `n HTML-dokument oop Die meeste redigeerprogramme, insluitend Notepad of Microsoft Word for Windows of TextEdit for Mac, kan gebruik word om HTML-dokumente te skryf. Maak `n nuwe dokument oop en gebruik Lêer → Stoor as in die boonste kieslys om die lêer as `n "webblad" te stoor, of verander die uitbreiding na ".html" of ".htm" in plaas van ".doc", ".rtf" of `n ander uitbreiding.
  • Dit is waarskynlik dat `n waarskuwing sal verskyn wat sê dat die dokument "gewone teks" sal word in plaas van "ryk teks" of `n ander spesiale formaat en dat die beelde nie behoorlik gestoor sal word nie. Moenie bekommerd wees nie omdat HTML-dokumente nie daardie opsies gebruik nie.
  • Daar is geen verskil tussen die ". Html" en ". Htm" lêers nie. Enige sal werk.
  • Prent getiteld Leer HTML Stap 2
    2
    Bekyk jou dokument met `n internetblaaier. Stoor jou dokument leeg en vind die dokumentikoon op jou rekenaar en dubbelklik om dit oop te maak. Dit moet soos `n leë bladsy in jou blaaier oopmaak. As jy dit nie doen nie, sleep die lêer na die URL-balk in jou blaaier. Terwyl u die HTML-dokument na hierdie gids wysig, kan u die blaaier nagaan en sien hoe die bladsy verander.
  • Hou in gedagte dat dit nie regtig `n aanlynwebwerf skep nie. Dit kan nie deur ander mense verkry word nie en jy het nie `n internetverbinding benodig om dit te toets nie. Dit gebruik net die leser om die HTML-dokument te "lees" asof dit `n webblad was.
  • Prent getiteld Leer HTML Stap 3
    3
    Verstaan ​​merketikette. Hierdie etikette verskyn nie op `n webblad as gewone teks nie. Hulle vertel jou blaaier hoe om die bladsy en die inhoud te vertoon. Die begin tag bevat instruksies. Byvoorbeeld, jy kan die leser vertel om die teks in vetdruk te vertoon. U het ook die eindtag nodig om die leser te laat weet waar die instruksies van toepassing is. In hierdie voorbeeld sal al die teks tussen die aanvangsteken en die eindetiket vetdruk. Die enigste ding wat verander wanneer die etiket "einde" geskryf word, is die diagonale na die eerste driehoekige hakies.
  • Skryf die begin tag in driehoekige hakies: <die begin tag gaan hier>
  • Skryf die eindtag in driehoekige hakies, maar skryf `n diagonaal na die eerste driehoekige hakies: die eindetiket gaan hierheen>)
  • Hou lees om te sien hoe om funksionele etikette te skryf. Vir hierdie stap is die enigste ding wat jy moet onthou, die basiese formaat geskryf in: < > en
  • As u ook `n ander HTML-gids gebruik, kan hulle na die etikette verwys as "elemente" en die teks tussen die etikette "element-inhoud".
  • Prent getiteld Leer HTML Stap 4
    4
    Skryf jou eerste etiket . Elke HTML-dokument begin met `n etiket en eindig met `n etiket . Dit vertel die leser dat alles tussen hierdie etikette in HTML is. Voeg hierdie etikette by jou dokument:
  • Skryf aan die begin van jou dokument.
  • Druk `n paar keer op Enter of Return om `n spasie te verlaat en dan te skryf
  • Onthou om alles anders in hierdie gids tussen hierdie twee etikette te skryf.
  • Prent getiteld Leer HTML Stap 5
    5
    Vul die kopgedeelte ""Van jou dokument. Tussen etikette en , skryf die etiket Begin en eindig tag. Skep `n spasie om tussen albei etikette te skryf. Alles tussen hierdie etikette sal nie op die bladsy self verskyn nie. Probeer die volgende en kyk waar dit voorkom:
  • Tussen etikette en , skryf en
  • Tussen etikette en , skryf Hoe om HTML - wikiHow te leer.
  • Stoor die dokument en maak dit oop in `n blaaier (of stoor die dokument en werk die blaaierblad op as jy dit reeds oopgemaak het). Wat jy net getik het, moet bo-aan die blaaier bo die adresbalk verskyn.
  • Prent getiteld Leer HTML Stap 6
    6
    Skep `n liggaamsdeel "". Alles anders in hierdie dokument moet in die liggaamsafdeling gaan, wat op die bladsy verskyn. Na die finale etiket, maar voor die finale etiket, skryf en . Vir die res van hierdie gids sal alles wat jy gaan skryf, onder die etikette wees. Nou moet jy `n dokument hê wat so lyk (ignoreer die koeëls):
  • Hoe om HTML - wikiHow te leer
  • Prent getiteld Leer HTML Stap 7
    7
    Voeg teks in verskillende style by. Nou is dit tyd om regtig iets te sien in die blaaier. Alles wat jy tik tussen die liggaamsmerke sal verskyn nadat jy die HTML-dokument gestoor het en die blaaier opgedateer het. Moet niks met die simbole skryf nie < of >, aangesien die blaaier dit as HTML-instruksies sal interpreteer in plaas van gewone teks. Probeer skryf Hallo wêreld! (of wat ook al wat jy wil) en voeg dan hierdie etikette by om te sien wat gebeur:
  • Hallo wêreld! sal met klem verskyn: Hallo wêreld!
  • Hallo wêreld! Dit sal as `n sterk teks verskyn: Hallo wêreld!
  • Hallo wêreld! sal uitkyk: Hallo wêreld!
  • Dit sal as superscript verskyn:
  • Hallo wêreld! Dit sal as `n subskripsie verskyn: Hallo wêreld!
  • Probeer hierdie kombinasies: Hoe lyk dit Hallo wêreld!?
  • Prent getiteld Leer HTML Stap 8
    8
    Verdeel jou teks in paragrawe. As jy `n paar lyne teks in jou HTML-dokument gaan skryf, sal jy sien dat die lynbreek nie in die blaaier verskyn nie. Jy moet `n kode vir hierdie byvoeg:
  • Dit is `n aparte paragraaf.

  • Hierdie lyn word gevolg deur `n lynbreuk.
    Voordat hierdie gebed begin.

    Dit is die eerste etiket wat jy sien, wat nie `n finale etiket nodig het nie. Dit word `leë etikette` genoem.
  • Skep opskrifte om die name van die afdelings te wys:

    koptekst

    : die grootste koptekst

    koptekst

    (die tweede vlakkop)

    koptekst

    (die derde vlakkop)

    koptekst

    (die vierde vlakkop)
    koptekst
    (die kleinste kop)
  • Prent getiteld Leer HTML Stap 9
    9
    Leer om lyste te skep. Daar is verskeie maniere om lyste op `n webblad te skep. Probeer die volgende tipes kodes en kyk watter een jy wil. Hou in gedagte dat `n paar etikette om die hele lys gaan (soos etikette)
      en
    vir die lys sonder bestelling), terwyl die individuele elemente omring word deur `n ander paar etikette, soos
  • en
  • .
    • Gebruik hierdie kode om kolpunte te skep:
    • `N Element
    • Nog `n element
    • Nog `n element
  • Of hierdie kode om genommerde lyste te skep:
  • Element 1
  • Element 2
  • Element 3
  • Of hierdie kode om `n lys met gedefinieerde terme te skep:
    kafee
    - Warm drankies
    Latte
    - Koue drankies


  • Prent getiteld Leer HTML Stap 10
    10
    Maak die bladsy `n bietjie vas lyn breek, horisontale lyne en beelde. Nou is dit tyd om meer teks by jou bladsy te voeg. Probeer die volgende etikette of klik op die skakels om meer inligting te kry. Jy moet `n aanlyn prentopbergingsdiens gebruik om `n URL te koppel aan `n prentetiket:
  • Voeg `n reël in HTML:
    of
  • Voeg beelde by:
    Prent getiteld Leer HTML Stap 11
    11
    Skakel na ander plekke op die bladsy. U kan ook hierdie kode gebruik om na ander bladsye en webwerwe te skakel, maar nou, aangesien u nie `n webwerf het nie, fokus ons op die ankers of spesifieke plekke op die bladsy waar u `n skakel kan maak:

    Deel 2
    Leer meer gevorderde HTML

    Prent getiteld Leer HTML Stap 12
    1
    Leer oor die eienskappe. Die eienskappe word self in die etiket geplaas en addisionele veranderings aan die "inhoud van die elemente" tussen die begin en die einde van die etiket aangebring. Hulle staan ​​nooit op hul eie nie. Hulle word in die formaat geskryf naam = "waarde", waar naam is die naam van die eienskappe (in hierdie geval "kleur"), en waarde beskryf die spesifieke geval (in hierdie geval "netwerk" (rooi)).
    • Jy het voorheen eienskappe gesien, as jy die basiese HTML-afdeling van hierdie gids lees. etikette hulle gebruik die kenmerk src, die ankers gebruik die kenmerk naam en die skakels die kenmerk href. Kyk hoe hulle almal die formaat volg ___ = "___"?
  • Prent getiteld Leer HTML Stap 13
    2
    Eksperimenteer met HTML-tabelle Om `n tabel of diagram te skep, benodig u verskillende etikette. Speel met hierdie etikette of Leer meer oor HTML tabelle in meer detail.
  • Begin die tafeletikette rondom die hele tafel:
  • Die etikette van die rye rondom die inhoud van elke ry:
  • Die kolomopskrifte in die eerste ry:
  • Selle in die agterste rye:
  • Hier is `n voorbeeld van hoe alles saam is:

    Kolom 1: MaandKolom 2: Geld gestoor
    Januarie$ 100
  • Prent getiteld Leer HTML Stap 14
    3
    Leer die diverse header-etikette. Jy het reeds die etiket geleer , wat aan die begin van elke dokument verskyn. Afgesien van die etiket , U kan die volgende tipes etikette insluit:
  • Metatags, wat gebruik word om metadata te voorsien (`n reeks inligting wat inligting oor ander inligting beskryf en verskaf) op `n webblad. Hierdie inligting kan deur soekenjins gebruik word wanneer die robot die internet soek om webwerwe op te spoor en te lys. Om jou webwerf sigbaar te maak in soekenjins, gebruik een of meer etikette begin (jy hoef nie daardie etiket te sluit nie), elk met `n attribuut naam en `n attribuutinhoud, byvoorbeeld: - of
  • etikette hulle word gebruik om ander lêers met die bladsy te assosieer. Dit gebruik hoofsaaklik om na CSS-velle te skakel, wat met `n ander tipe kode gedoen word om die HTML-bladsy te verander deur kleur by te voeg, die teks en meer te pas.
  • etikette
  • Prent getiteld Leer HTML Stap 15
    4
    Speel met die HTML-kode wat u op die webwerf kry. `N goeie manier om jou kennis uit te brei, is deur na die HTML-bron van verskeie eb-webwerwe te kyk. U kan dit doen deur met die rechtermuisknop op die bladsy te kliek en `Bron Bron`, `Bronkode van die bladsy` of `n soortgelyke weergawe te kies, of deur na die gedeelte `Visualisatie` in die hoofdmenu van u blaaier te gaan. Probeer om uit te vind wat elke HTML-merker doen, wat jy nie weet of dit aanlyn optel nie.
  • Terwyl jy nie ander mense se webwerwe kan wysig nie, kan jy die HTML-kode wat jy in `n dokument kry, kopieer en dan met die kode speel om te sien wat die verskillende opsies doen. Hou in gedagte dat sonder die CSS-blad waarop die webwerf gekoppel is, u nie al die kleure en die formaat kan sien nie.
  • Prent getiteld Leer HTML Stap 16
    5
    Leer `n meer gevorderde webontwerp deur meer volledige gidse te lees. Daar is verskeie bronne op die internet wat u kan gebruik om meer oor HTML-etikette te leer, soos W3Schools of Codecademy. U kan ook boeke met HTML-gidse vind - maak seker dat hulle opgedateer word, aangesien daar gewoonlik verskeie veranderinge is. Nog beter, leer CSS om meer beheer oor die ontwerp van jou webblad en voorkoms te hê. Sodra jy CSS leer, is die volgende stap vir webontwerpers om jаvascript te leer.
  • wenke

    • U kan `n eenvoudige webblad op die internet vind en met die kode speel. Probeer om die teks te skuif, die lettertipe te verander, beelde te verander of enige ander wat jy wil.
    • Jy kan `n notaboek kry en al die kodes skryf. As jy dus een moet onthou, kan jy net die notaboek oopmaak en daarvoor kyk. U kan hierdie artikel ook druk as referentie.
    • XML e RSS Hulle word al hoe meer algemeen in vandag se webwerwe. Hul kodes kan moeilik wees om te lees en te verstaan, veral wanneer dit in `n HTML bron lêer besigtig word, maar hulle het hul eie effekte.
    • HTML-opmerkings is nie hooflettergevoelig nie, maar dit word aanbeveel dat jy suiwer kleinletters (soos op hierdie bladsy) gebruik vir standaardisering en XHTML-ondersteuning.

    waarskuwings

    • Sommige etikette is nie in die afgelope jare gebruik nie en is vervang deur ander opsies met dieselfde effekte of ander wat selfs nuwe effekte byvoeg, indien u dit wil.
    • As jy belangstel in die validering van jou webblad, gaan na die W3-webwerf en leer hoe om HTML te bekragtig. HTML-standaarde verander oor tyd en sommige etikette word vervang deur verskillende etikette wat beter in meer moderne blaaiers werk.

    Dinge wat jy nodig het

    • `N teksredigeringsprogram, byvoorbeeld Notepad (in Windows) of TextEdit (in Mac)
    • Een notaboek (opsioneel)
    • `N Program vir die wysiging van HTML-kode soos Notepad ++ (in Windows) of TextWrangler (in Mac), is opsioneel.
    >
    Deel op sosiale netwerke:

    Verwante
    Hoe om die handelsmerk simbool in HTML by te voegHoe om die handelsmerk simbool in HTML by te voeg
    Hoe om `n Word-dokument om te skakel na HTMLHoe om `n Word-dokument om te skakel na HTML
    Hoe om HTML-rame te skepHoe om HTML-rame te skep
    Hoe om `n prent skakel in HTML te skepHoe om `n prent skakel in HTML te skep
    Hoe om `n sakrekenaar met behulp van HTML te skepHoe om `n sakrekenaar met behulp van HTML te skep
    Hoe om `n aftreklys in HTML sonder Java te skepHoe om `n aftreklys in HTML sonder Java te skep
    Hoe om `n HTML-lêer uit te voerHoe om `n HTML-lêer uit te voer
    Hoe om `n HTML skakel knoppie te maakHoe om `n HTML skakel knoppie te maak
    Hoe om `n webblad in HTML te maakHoe om `n webblad in HTML te maak
    Hoe om digitale tyd in HTML te vertoonHoe om digitale tyd in HTML te vertoon
    » » Hoe om HTML te leer
    © 2024 dmylogi.com