Si bo ke krea bo mes wèpsait, bo mester tin un komprondementu di HTML. E artíkulo aki ta splika kon pa krea un página HTML. Tambe, lo bo siña kon pa krea un mapa di sitio xml i kon pa agregá un potrèt i un link. Tambe ta importante pa krea un mapa di wèpsait xml, ku por yuda bo organisá bo wèpsait i oumentá bo tráfiko. E siguiente paso ta pa skohe un plantilla.
Kreando un página html
HTML ta un idioma di markashon. Kada elemento di un página di wèp ta wòrdu representá pa un tag. Un tag ta wòrdu identifiká pa parentesis di ángulo, i kada elemento tin un òf mas tag. Algun elemento ta rekerí solamente un tag; otronan por rekerí dos. E tagnan di apertura i klousura tin un slash dilanti (/). Por ehèmpel, e elemento di paragraf ta wòrdu representá pa e tag p. E teksto entre e tagnan di apertura i klousura ta e teksto di paragraf.
Pa krea un dokumento HTML, lo bo mester usa un editor di teksto. Mayoria kòmpiuter tin un editor di teksto pa default. Usuarionan di Windows lo usa Internet Explorer, miéntras ku usuarionan di Mac por usa TextEdit. Bo por instalá un editor di teksto luhoso pa krea un página di wèp ku ta parse profeshonal, pero pa bo promé página HTML, no ta nesesario. Bo por usa tambe un editor di teksto simpel i kualke navegador di wèp. Si bo no ta sigur di kua programa pa usa, purba download un editor di HTML grátis.
E página html tin dos sekshon prinsipal: e kurpa i e kabes. E sekshon di kurpa ta kontené e kontenido real di e wèpsait, miéntras ku e sekshon di kabes ta wòrdu usá pa e título i meta informashon. E kurpa ta kontené tur otro elemento, inkluyendo imágennan i otro grafikonan. E sekshon di kabes ta e lugá pa pone bo linknan di nabegashon. Despues ku bo a kaba di skirbi e kurpa, bo ta kla pa insertá e kontenido di e dokumento. Sòru pa usa e elementonan di kurpa i kabes pa garantisá ku bo wèpsait ta aksesibel pa tur hende.
Kreando un mapa di wèpsait xml
Si bo tin un página HTML, bo por ke krea un mapa di wèpsait XML pa yuda motornan di búskeda ranka bo wèpsait. Aunke esaki lo no afektá bo rankingnan di búskeda, e lo yuda e motornan di búskeda komprondé bo kontenido i ahusta nan tasa di rastreo. Di e manera aki, bo wèpsait lo ta mas visibel den resultadonan di motor di búskeda. Aki algun paso fásil pa kuminsá:
Krea un mapa di wèpsait HTML ta fásil pa hasi. Tur loke bo mester hasi ta traha un tabel simpel di e páginanan di bo wèpsait, ku link pa kada página. Despues link na e página di mapa di e sitio ei den e kabes òf pia di página. Di e manera aki, no ta importá kuantu página bo wèpsait tin, hende por nabegá fásilmente dor di nan. Ademas, bo no mester entregá un SEO pa krea un mapa di wèpsait.
Unabes bo página HTML ta bibu, entregá esaki na Google Search Console. Bo por usa kualke ekstenshon di archivo i nombra bo mapa di wèpsait XML. Bo por entregá e mapa di e wèpsait XML na Google, pero e no ta nesesario. E crawlernan di Google ta generalmente basta bon den deskubrí kontenido nobo, i bo no mester entregá un mapa di sitio na nan. Bo por entregá esaki tambe na otro motornan di búskeda, pero esaki no ta garantisá ku bo lo wòrdu deskubrí pa Google.
No ta nesesario pa agregá un mapa di wèpsait XML na bo página di wèp, pero e lo oumentá e SEO di bo wèpsait. Mapnan di wèpsait ta wòrdu usá pa motornan di búskeda pa yuda nan indeksá páginanan ku no ta direktamente mará na un página di wèp. Mapnan di wèpsait tambe ta yuda mehorá e aksesibilidat di kontenido di medionan riku. Agregá un mapa di wèpsait na bo wèpsait por yuda hasi bo wèpsait mas aksesibel pa botnan di motor di búskeda.
Agregando un potrèt
Den HTML, bo por agregá un imágen na un página dor di usa e tag di img. E tag aki ta kontené solamente e imágen i su atributonan; e no ta rekerí un tag di klousura. E tag di imágen aki mester wòrdu insertá den e sekshon di kurpa di e dokumento HTML. Ademas di e largura i haltura di e potrèt, bo mester inkluí un atributo alt ku ta deskribí e potrèt. E alt tag mester ta skirbí komo si fuera bo ta skirbiendo e deskripshon pa un persona ku no por a mir’é.
Agregá un potrèt na un dokumento HTML ta rekerí un tiki konosementu di CSS i HTML. E tamaño di e imágen i e resolushon ta dos di e faktornan mas importante pa konsiderá. E tamaño di e imágen lo determiná kon e lo pas den e kontenido di e dokumento. Si bo ta preferá di usa un resolushon òf relashon di aspekto diferente, bo por purba di kambia e tamaño di e imágen tambe. Pero, kòrda ku eskalashon no ta funshoná semper manera bo ta spera.
Un bon regla di duim pa ahusta e tamaño di un imágen ta pa oumentá su hanchura. E hanchura mester ta por lo ménos un piksel mas chikitu ku e haltura. Si e imágen ta muchu chikitu pa mustra, bo por agregá un frontera, i despues ahust’é pa kuadra ku e tamaño di imágen. Bo por ahusta e frontera di un imágen tambe dor di agregá esaki na e atributo di frontera. E diki di e frontera ta e balor predeterminá, pero bo por pone esaki na kualke balor. Sòru pa e imágen tin un atributo src.
Agregando un link
Bo por agregá un link den HTML na bo dokumento usando un a> tag ku e atributo href. Esaki lo krea un bookmark pa e dokumento i habri esaki den un tab nobo. Bo por usa tambe un atributo href pa insertá un imágen den e dokumento. Bo por usa tambe un link ku kódigo JavaScript pa kombertí un boton HTML den un link. Unabes bo a hasi esaki, bo por estilo bo link ku kódigo CSS òf JavaScript.
Un link ta un konekshon di un rekurso di wèp pa otro. E ta konsistí di dos punta, un anker di fuente i un anker di destinashon. Un link por ta kualke kos for di un imágen te na un archivo di teksto. Mayoria di e wèpsaitnan di ret sosial ta usa link pa dirigí usuarionan na un URL partikular. HTML tambe por wòrdu usá pa spesifiká e lugá di un link. Su ‘un’ atributo ta permití bo link elementonan di kódigo na un URL.
Ora di diseñá un link, hasi sigur di konsiderá kon bo bishitantenan lo usa e kontenido. Teksto di link mester ta deskriptivo, di manera ku nan lo sa eksaktamente kiko nan mester spera. Ripitishon di e mesun URL ta feo pa lektornan di pantaya, i e no ta duna nan ningun informashon útil. Screen readers tambe ta bisa usuarionan ora linknan ta eksistí dor di hasi nan diferente estilo òf subrayá. Di e forma aki, fásilmente nan por haña e informashon ku nan mester.
Agregando un tabel
Agregá un tabel na un página HTML ta simpel, pero tin algun kos ku bo mester konsiderá promé ku bo hasié. E koló di fondo di bo mesa ta krusial pa kapta atenshon di bo bishitante i hala atenshon riba informashon importante. Bo por pone un koló diferente pa e elemento di kabes di e tabel i e elemento di dato dor di usa kódigonan di koló hex òf nòmbernan di koló. Sea cual sea e manera, bo mesa lo ta fásilmente visibel.
Bo por agregá un kabes di tabel i datonan di tabel ku e elemento td, ku ta definí individuo “kaha” pa e kontenido. Agregá un kabes di tabel ta e promé paso pa mustra dato riba un página di wèp, i bo mester agregá esun promé si bo ke. Un tabel mester tin tres kabes di fila tambe. Un kabes mester ta bashi. Si bo mesa tin kolumna, bo mester krea kabesnan di liña pa kada kolumna tambe.
Bo por agregá kapshonnan na bo tabel tambe. E kapshon ta un elemento opshonal ku ta deskribí e propósito di e tabel. Kapshonnan tambe ta útil pa aksesibilidat. E tabel por kontené tambe sèlnan ku ta deskribí gruponan di dato. Finalmente, bo por agregá e elemento di kabes pa definí un sèt di fila i kolumna. Bo por usa tur dos elemento huntu òf separá. Bo por asta usa nan den kombinashon, pero e kapshon ta esun di mas importante.
Agregando un div
Agregá un div na un archivo HTML ta permití bo agregá un sekshon di bo página web sin re-skirbi henter e página. E elemento div ta un kònteiner spesial pa teksto, imágennan, i otro elementonan. Bo por yam’é kualke kos ku bo ke i kambia su atributonan pa kuadra ku bo nesesidatnan. Bo por agregá tambe un klase òf margen pa krea un espasio entre e div i otro elementonan riba bo página.
Bo por usa e atributo innerHTML tambe pa insertá kódigo den un div. E método aki ta aseptá kódigo enserá den un string, i si e no ta denter di e div, e kontenido lo wòrdu kita. Bo mester evitá di hinka kódigo den un div di e manera aki, ya ku e por eksponé bo wèpsait na vulnerabilidatnan di skript entre wèpsaitnan. Si bo ta usando un idioma di skript manera JavaScript, bo por usa e atributo innerHTML.
Un div ta un tag HTML básiko ku ta wòrdu usá pa agrupá kódigo denter di un dokumento. E por kontené un paragraf, sita di blòki, imágen, oudio, òf asta un kabes. Su posishon ta permití bo apliká un estilo i idioma uniforme na diferente sekshon di un página. Divs ta mihó usá pa marka semántika ku ta komun pa gruponan di elementonan konsekutivo. Un div mester wòrdu usá ora bo ke agregá estilo na un sekshon sin mester skirbi henter e página di nobo.




