Skryf 'n HTML-bladsy (met beelde)

Inhoud

Trappe
Wenke
Waarskuwings
Benodigdhede

HTML (HyperText Markup Language) is `n standaardtaal vir die ontwerp van webblaaie. Dit is ontwerp om `n maklike en veelsydige programmeertaal te wees. Omtrent elke bladsy op die web is ontwerp met een of ander vorm van hierdie kode (ColdFusion, XML, XSLT). HTML is maklik om te bemeester, maar dit kan baie tyd neem om te leer as jy regtig al die kenmerke van die taal wil verken. Om `n bietjie kleur en opwinding by jou webblaaie te voeg, is dit `n goeie idee om voort te gaan om CSS te leer sodra jy die basiese beginsels van die skep van `n eenvoudige HTML-bladsy geleer het.

Trappe

Deel 1 van 4: Opstel van `n dokument

Prent getiteld Skryf `n HTML-bladsy Stap 1

1. Maak `n eenvoudige woordverwerker oop. NotePad++ is `n goeie opsie wat gratis afgelaai kan word. Jy kan HTML met die meeste woordverwerkers skryf, maar dit is beter om sagteware te gebruik wat spesifiek vir kodering ontwerp is. Daarbenewens plaas meer komplekse woordverwerkers soos Word oortollige kode in jou HTML-bladsy.

TextEdit word nie aanbeveel nie, aangesien dit dikwels jou dokument sal stoor in `n formaat wat nie deur die blaaier as HTML herken word nie.

Prent getiteld Skryf `n HTML-bladsy Stap 2

2. Stoor `n lêer as `n webblad. Kies Lêer → Stoor as vanaf die hoofkieslys. Verander die uitbreiding van die lêer na ".html" of ".htm". Hou dit op `n plek waar jy dit maklik kan vind.

Hierdie opsies is almal dieselfde, daar is geen verskil nie.

Prent getiteld Skryf `n HTML-bladsy Stap 3

3. Maak die lêer in `n webblaaier oop. Dubbelklik op die lêer en dit sal outomaties oopmaak as `n leë bladsy in jou blaaier. Jy kan ook `n blaaier soos Firefox of Internet Explorer oopmaak en File → Open File gebruik om die dokument te kies.

Hierdie webblad is nog nie aanlyn nie. Jy kan dit net op jou rekenaar sien.

Prent getiteld Skryf `n HTML-bladsy Stap 4

4. Herlaai asseblief die bladsy om te sien watter veranderinge aangebring is. Tik die volgende in die leë dokument: . Stoor die dokument. Herlaai die bladsy in jou blaaier, en jy behoort die woord te sien "Hallo" aan die bokant van die skerm, in vetdruk. Elke keer as jy `n verandering in die HTML wil sien, stoor jy dit.html-dokument en verfris die blaaiervenster.

sien jy die woorde "
5. Wat is etikette. HTML-instruksies word tussen geskryf "etikette" wat die blaaier vertel hoe om die bladsy te interpreteer en te vertoon. Hierdie etikette word altyd in hoekhakies ingesluit
6. Die struktuur van die dokument. Vee alles in die HTML-dokument uit. Kopieer die volgende teks presies (ignoreer die kolpunte). Hierdie HTML-kode vertel die blaaier watter tipe HTML jy gaan gebruik, en dat al jou HTML binne is
7. Voeg die kop- en lyfetikette daarby. HTML-dokumente word in twee afdelings verdeel.Die "kop" afdeling is vir spesiale inligting, soos die titel van die webblad. Die "liggaam" bevat die werklike inhoud van die webblad. Voeg albei by jou dokument, en moenie die eindmerkers vergeet nie. Die nuwe teks om by te voeg is vetgedruk:

8. Gee jou bladsy `n titel. Die meeste van die etikette wat in die kop verskyn, is nie belangrik vir die beginner om te leer nie. Die titelmerker is egter maklik om te gebruik en bepaal wat as die titel van jou webblad in die blaaier gewys word. Plaas die titel binne die ooreenstemmende merkers, wat binne die kopmerkers geplaas word:

Deel 2 van 4: Formatering van teks

1. Voeg teks by die liggaam. Ons sal nou net die deel binne die liggaamsetikette behandel. Die ander teks sal bly soos jy dit geskryf het, maar ons sal die voorbeeld verkort deur nie alles elke keer te herhaal nie. Skryf wat jy wil tussen die

Ek leer om met HTML te werk deur `n wikiHow te volg.

2. Voeg opskrifte by jou teks. Organiseer jou bladsy met kop-etikette, wat die blaaier vertel om teks groter op die skerm te druk. Dit word ook deur soekenjinbots en ander nutsmiddels gebruik om te bepaal waaroor jou webblad gaan en hoe dit georganiseer is.
Ek leer om met HTML te werk deur `n wikiHow te volg.
Leer om met koppe te werk.
Leer meer merkers vir die formatering van teks.

3. Meer merkers vir die formatering van teks. jy het die "sterk" tag reeds gehad, maar daar is baie meer maniere om jou teks te formateer. Probeer die volgende voorbeelde, waar jy ook verskeie merkers rondom dieselfde teks kan plaas. Moenie vergeet om eindmerkers by te voeg nie!

4. Versprei jou teks oor die webblad. Jy het dalk opgemerk dat dit nie genoeg is om "ingaan" jy wil hê die teks moet op `n nuwe reël voortgaan. Die volgende merkers skep paragrawe en reëlbreuke, of organiseer andersins jou teks:

geen eindmerker, want niks gebeur met die inhoud van die bladsy nie. Gebruik dit vir gedigte en adresse, maar nie paragrawe nie.