Hoe om 'n HTML-bladsy te skep

As jy jou eie webblad wil skep, jy moet 'n begrip van HTML hê. Hierdie artikel verduidelik hoe om 'n HTML-bladsy te skep. Ook, jy sal leer hoe om 'n xml-werfkaart te skep en hoe om 'n prentjie en skakel by te voeg. Dit is ook belangrik om 'n xml-werfkaart te skep, wat jou kan help om jou werf te organiseer en jou verkeer te verhoog. Die volgende stap is om 'n sjabloon te kies.

Die skep van 'n HTML-bladsy

HTML is 'n opmerktaal. Elke element van 'n webblad word deur 'n merker voorgestel. 'n Merker word deur hoekhakies geïdentifiseer, en elke element het een of meer merkers. Sommige elemente benodig net een merker; ander kan twee benodig. Die opening- en sluitingetikette het 'n voorwaartse skuinsstreep (/). Byvoorbeeld, die paragraafelement word deur die p-tag voorgestel. Die teks tussen die begin- en sluitingsmerkers is die paragraafteks.

Om 'n HTML-dokument te skep, jy sal 'n teksredigeerder moet gebruik. Die meeste rekenaars het by verstek 'n teksredigeerder. Windows-gebruikers sal Internet Explorer gebruik, terwyl Mac-gebruikers TextEdit kan gebruik. Jy kan 'n spoggerige teksredigeerder installeer om 'n webblad wat professioneel lyk te skep, maar vir jou eerste HTML-bladsy, dit is onnodig. Jy kan ook 'n eenvoudige teksredigeerder en enige webblaaier gebruik. As jy onseker is oor watter program om te gebruik, probeer om 'n gratis HTML-redigeerder af te laai.

Die html-bladsy het twee hoofafdelings: die liggaam en die kop. Die liggaamsafdeling bevat die werklike inhoud van die webwerf, terwyl die kopgedeelte vir die titel en meta-inligting gebruik word. Die liggaam bevat alle ander elemente, insluitend beelde en ander grafika. Die kop-afdeling is die plek om jou navigasieskakels te plaas. Nadat jy klaar die liggaam geskryf het, jy is gereed om die inhoud van die dokument in te voeg. Maak seker dat jy die liggaam- en kopelemente gebruik om te verseker dat jou webwerf vir almal toeganklik is.

Skep 'n xml-werfkaart

As jy 'n HTML-bladsy het, jy wil dalk 'n XML-werfkaart skep om soekenjins te help om jou webwerf te deurkruis. Alhoewel dit nie jou soekranglys sal beïnvloed nie, dit sal die soekenjins help om jou inhoud te verstaan ​​en hul deurkruipkoers aan te pas. Hierdie manier, jou webwerf sal meer sigbaar wees in die resultate van die soekenjin. Hier is 'n paar maklike stappe om te begin:

Dit is maklik om 'n HTML-werfkaart te skep. Al wat jy hoef te doen is om 'n eenvoudige tabel van jou werf se bladsye te maak, met skakels na elke bladsy. Skakel dan na daardie werfkaartbladsy in die kop- of voetskrif. Hierdie manier, maak nie saak hoeveel bladsye jou werf het nie, mense kan maklik deur hulle navigeer. Bowendien, jy hoef nie 'n SEO in te dien om 'n werfkaart te skep nie.

Sodra jou HTML-bladsy regstreeks is, dien dit by Google Search Console in. Jy kan enige lêeruitbreiding gebruik en jou XML-werfkaart noem. U kan die XML-werfkaart by Google indien, maar dit is nie nodig nie. Die kruipers van Google is oor die algemeen redelik goed om nuwe inhoud te ontdek, en jy hoef nie 'n werfkaart aan hulle in te dien nie. Jy kan dit ook by ander soekenjins indien, maar dit waarborg nie dat jy deur Google ontdek sal word nie.

Dit is nie nodig om 'n XML-werfkaart by jou webblad te voeg nie, maar dit sal jou webwerf se SEO verhoog. Werfkaarte word deur soekenjins gebruik om hulle te help om bladsye te indekseer wat nie direk deur 'n webblad gekoppel is nie. Werfkaarte help ook om die toeganklikheid van ryk media-inhoud te verbeter. Deur 'n werfkaart by jou webwerf te voeg, kan dit help om jou werf meer toeganklik vir soekenjin-bots te maak.

Voeg 'n prent by

In HTML, jy kan 'n prent by 'n bladsy voeg deur die img-tag te gebruik. Hierdie merker bevat slegs die prent en sy eienskappe; dit vereis nie 'n sluitingsmerker nie. Hierdie beeldmerker moet in die liggaamsgedeelte van die HTML-dokument ingevoeg word. Benewens die breedte en hoogte van die prentjie, jy moet 'n alt-kenmerk insluit wat die prentjie beskryf. Die alt-tag moet geskryf word asof jy die beskrywing skryf vir 'n persoon wat dit nie kan sien nie.

Om 'n prent by 'n HTML-dokument te voeg, vereis 'n bietjie CSS- en HTML-kennis. Die beeldgrootte en die resolusie is twee van die belangrikste faktore om in ag te neem. Die grootte van die prent sal bepaal hoe dit by die inhoud van die dokument sal inpas. As jy verkies om 'n ander resolusie of aspekverhouding te gebruik, jy kan ook probeer om die grootte van die prent te verander. Egter, onthou dat skaal nie altyd werk soos jy verwag nie.

'n Goeie reël om die grootte van 'n prent aan te pas, is om die breedte daarvan te vergroot. Die breedte moet ten minste een pixel kleiner as die hoogte wees. As die prent te klein is om te vertoon, jy kan 'n rand byvoeg, en pas dit dan aan om by die beeldgrootte te pas. Jy kan ook die rand van 'n prent aanpas deur dit by die grenskenmerk te voeg. Die randdikte is die verstekwaarde, maar jy kan dit op enige waarde stel. Maak seker dat die prent 'n src-kenmerk het.

Voeg 'n skakel by

Jy kan 'n skakel in HTML by jou dokument voeg deur 'n a> merk met die href-kenmerk. Dit sal 'n boekmerk vir die dokument skep en dit in 'n nuwe oortjie oopmaak. Jy kan ook 'n href-kenmerk gebruik om 'n prent in die dokument in te voeg. Jy kan ook 'n skakel met JavaScript-kode gebruik om 'n HTML-knoppie in 'n skakel te omskep. Sodra jy dit gedoen het, jy kan jou skakel met CSS- of JavaScript-kode stileer.

'n Skakel is 'n verbinding van een webhulpbron na 'n ander. Dit bestaan ​​uit twee ente, 'n bronanker en 'n bestemmingsanker. 'n Skakel kan enigiets van 'n prent tot 'n tekslêer wees. Die meeste sosiale netwerk-webwerwe en webwerwe gebruik skakels om gebruikers na 'n spesifieke URL te lei. HTML kan ook gebruik word om die ligging van 'n skakel te spesifiseer. Dit is 'n’ kenmerk laat jou toe om kode-elemente aan 'n URL te koppel.

Wanneer 'n skakel ontwerp word, maak seker dat u oorweeg hoe u besoekers die inhoud sal gebruik. Skakelteks moet beskrywend wees, sodat hulle presies sal weet wat hulle moet verwag. Herhaling van dieselfde URL is lelik vir skermlesers, en dit gee hulle geen nuttige inligting nie. Skermlesers vertel ook vir gebruikers wanneer skakels bestaan ​​deur hulle verskillende styl of onderstreep te maak. Op hierdie manier, hulle kan maklik die inligting vind wat hulle benodig.

Voeg 'n tabel by

Dit is eenvoudig om 'n tabel by 'n HTML-bladsy by te voeg, maar daar is 'n paar dinge wat jy moet oorweeg voordat jy dit doen. Die agtergrondkleur van jou tafel is van kardinale belang om jou besoeker se oog te vang en die aandag op belangrike inligting te vestig. U kan 'n ander kleur vir die tabel se kopelement en data-element stel deur hekskleurkodes of kleurname te gebruik. Hoe dit ook al sy, jou tafel sal maklik sigbaar wees.

Jy kan 'n tabelopskrif en tabeldata byvoeg met die td-element, wat individu definieer “bokse” vir die inhoud. Die byvoeging van 'n tabelopskrif is die eerste stap om data op 'n webblad te vertoon, en jy moet die eerste een byvoeg as jy wil. 'n Tabel moet ook drie ryopskrifte hê. Een kop moet leeg wees. As jou tabel kolomme het, jy moet ook ryopskrifte vir elke kolom skep.

Jy kan ook byskrifte by jou tabel voeg. Die byskrif is 'n opsionele element wat die doel van die tabel beskryf. Onderskrifte is ook nuttig vir toeganklikheid. Die tabel kan ook selle bevat wat groepe data beskryf. Uiteindelik, jy kan die advertensie-element byvoeg om 'n stel rye en kolomme te definieer. Jy kan albei elemente saam of afsonderlik gebruik. Jy kan hulle selfs in kombinasie gebruik, maar die byskrif is die belangrikste een.

Voeg 'n div

Deur 'n div by 'n HTML-lêer te voeg, kan jy 'n gedeelte van jou webblad byvoeg sonder om die hele bladsy te herskryf. Die div-element is 'n spesiale houer vir teks, beelde, en ander elemente. Jy kan dit enige iets noem wat jy wil en sy eienskappe verander om by jou behoeftes te pas. Jy kan ook 'n klas of kantlyn byvoeg om 'n spasie tussen die div en ander elemente op jou bladsy te skep.

Jy kan ook die innerHTML-kenmerk gebruik om kode binne 'n div in te voeg. Hierdie metode aanvaar kode wat in 'n string ingesluit is, en as dit nie binne die div, die inhoud sal verwyder word. Jy moet vermy om kode op hierdie manier in 'n div in te voeg, aangesien dit jou webwerf kan blootstel aan kruis-werf scripting kwesbaarhede. As jy 'n skriftaal soos JavaScript gebruik, jy kan die innerHTML-kenmerk gebruik.

'n div is 'n basiese HTML-merker wat gebruik word om kode binne 'n dokument te groepeer. Dit kan 'n paragraaf bevat, blok kwotasie, beeld, oudio, of selfs 'n kopskrif. Die posisie daarvan laat jou toe om 'n eenvormige styl en taal op verskillende afdelings van 'n bladsy toe te pas. Divs word die beste gebruik vir die merk van semantiek wat algemeen is vir groepe opeenvolgende elemente. 'n Div moet gebruik word wanneer jy styl by 'n afdeling wil voeg sonder om die hele bladsy te hoef te herskryf.