Skryf `n HTML-bladsy

HTML (HyperText Markup Language) is `n standaard taal vir die ontwerp van webblaaie. Dit is ontwerp om `n maklike en veelsydige programmeertaal te wees. Byna elke bladsy op die internet is ontwerp met een of ander vorm van hierdie kode (ColdFusion, XML, XSLT). HTML is maklik om te bemeester, maar kan baie tyd neem om te leer of jy werklik al die funksies van die taal wil verken. Om jou webbladsye meer kleurvol en meer opwindend te maak, is dit verstandig om voort te gaan om CSS te leer sodra jy die basiese beginsels van die skep van `n eenvoudige HTML-bladsy geleer het.

stappe

2

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

3

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

4

Verfris die bladsy om te sien watter veranderinge aangebring is. Tik die volgende in die leë dokument: Hello. Stoor die dokument. Herlaai die bladsy in u blaaier, en as dit korrek is, sal u die woord sien "Hello" bo-op die skerm, dik gedruk. Elke keer as jy `n verandering in die HTML wil sien, slaan jy die.html-dokument op en verfris die blaaiervenster.

5

Wat is tags. HTML instruksies word geskryf tussen "tags" Dit vertel die blaaier hoe die blaaier die bladsy moet interpreteer en vertoon. Hierdie etikette is altyd tussen hoekhakies , en word nie op die webblad gewys nie. Jy het hulle reeds in die voorbeeld hierbo gebruik:

6

Die struktuur van die dokument. Verwyder alles in die HTML-dokument. Kopieer die volgende teks presies (ignoreer die koeëlpunte). Hierdie HTML-kode vertel die blaaier watter tipe HTML jy sal gebruik, en dat al jou HTML en etikette sal staan.

7

Voeg die kop en lyflabels by. HTML-dokumente word in twee afdelings verdeel. die "head" Die afdeling is vir spesiale inligting, soos die titel van die webblad. die "body" bevat die werklike inhoud van die webblad. Voeg albei by jou dokument, en vergeet nie die eindetikette nie. Die nuwe teks wat jy wil byvoeg, is vet:

8

Gee jou bladsy `n titel. Die meeste etikette wat in die kop geplaas word, is nie belangrik vir die beginner om te leer nie. Die titeletiket is egter maklik om te gebruik en bepaal wat word as die titel van jou webblad in die blaaier aangedui. Plaas die titel in die ooreenstemmende etikette wat in die koptekens geplaas word:

2

Voeg opskrifte by jou teks. Deel jou bladsy met koptekens, wat die leser vertel om teks groter op die skerm te druk. Dit word ook gebruik deur soekenjins en ander gereedskap, om te bepaal waaroor jou webblad gaan en hoe dit geklassifiseer word. is die grootste kop, en jy kan minder groot maak, al die pad na

. Probeer dit op jou bladsy:

3

Meer etikette vir die opmaak van teks. Jy het die "strong" tag al, maar daar is baie meer maniere om jou teks te formateer. Probeer die volgende voorbeelde uit, waar jy ook verskeie kodes rondom dieselfde teks kan plaas. Moenie vergeet om eindetikette by te voeg nie!

4

Verdeel jou teks oor die webblad. U het dalk opgemerk dat dit nie genoeg is om op te staan ​​nie "enter" jy wil hê die teks moet voortgaan op `n nuwe reël. Die volgende etikette skep paragrawe en lynpouses, of deel jou teks op ander maniere:

 As jy die teks baie presies wil plaas, sal hierdie merker verseker dat elke letter presies dieselfde breedte kry en dat die spasies en lynstroke presies gekopieer word, soos jy dit getik het.

5

Voeg onsigbare kommentaar by jou HTML. Kommentaar etikette word nie in die blaaier gewys nie. Hulle bied u die geleentheid om kommentaar te lewer oor die werking van die HTML-dokument, sonder om die inhoud te beïnvloed. Moenie `n finale merker byvoeg nie.

6

Gebruik hulle op jou bladsy. Die beste manier om hierdie tags te onthou, is om dit op jou webblad te gebruik. Hier is `n voorbeeld met al die tags hierbo beskryf. Probeer voorspel hoe dit in die blaaier sal lyk, en kopieer dit dan in jou HTML-dokument om seker te maak jy is korrek.

2

Skep `n skakel / skakel na `n ander bladsy. Gebruik die merker om `n skakel of hyperlink na `n ander webblad te skep. Voeg die URL van die webblad in om `n skakel te maak met die href-kenmerk. Hier is `n voorbeeld van die kode wat u gebruik om te skakel na die webblad wat u nou lees:

3

Voeg `n id attribuut by etikette by. Nog `n kenmerk wat jy byna elke HTML-tag kan gebruik, is dit "id" element. Skryf binne `n merker id ="example" of `n ander naam, maar sonder spasies. Dit het geen sigbare effek nie, maar ons gebruik dit in die volgende stap.

4

Skakel na `n element met `n spesifieke ID. Nou kan ons die hyperlink tag gebruik om `n skakel na `n ander deel van die webblad te maak. In plaas van `n URL gebruik ons ​​die # simbool, gevolg deur die waarde van die ID waarna ons skakel. Byvoorbeeld, hierdie teks vorm `n skakel na die paragraaf met die ID "example."

5

Voeg `n prent by. die tag is `n leë merker, wat beteken dat geen eindetiket nodig is nie. Alle inligting wat die blaaier nodig het om die prent te wys, word bygevoeg met eienskappe. Hier is `n voorbeeld wat u die wikiHow-logo op die skerm gee, gevolg deur `n beskrywing van elke eienskap:

2

Kom meer te wete oor etikette en kenmerke. Daar is baie meer HTML-tags en eienskappe, en baie plekke waar jy daardie kennis kan verwerf:

3

Plaas jou bladsy aanlyn. Kies `n hosting diens en laai soveel HTML-bladsye op as wat jy wil hê op jou webdomein. Hiervoor gebruik jy `n FTP-program, of gebruik die diens van die webhost.

4

Voeg formatering by CSS. As jou HTML-bladsy `n bietjie kaal lyk, probeer om die basiese beginsels van CSS te leer, sodat jy kleure en lettertipes kan byvoeg en meer beheer kan kry oor die plasing van die elemente binne `n bladsy. `N CSS koppel "stylesheet" Die HTML-bladsy verseker ook dat u vinnig veranderinge kan aanbring, wat outomaties die uitleg van alle teks binne `n spesifieke merker kan aanpas. Speel met die eenvoudige stylblad soos jy hierheen kan gaan, of duik dieper deur die saak HTML Dog se CSS gids om te lees.

5

Voeg jаvascript by jou bladsy. jаvascript is `n programmeertaal waarmee u meer funksionaliteit by u HTML-bladsy kan voeg. jаvascript word tussen die begin- en eindtags ingevoeg, en kan gebruik word om interaktiewe knoppies in te voeg, wiskundeprobleme te bereken en nog baie meer. Kom meer te wete daaroor die w3c voorbeelde.