Com crear una pàgina HTML

Si vols crear la teva pròpia pàgina web, heu de tenir una comprensió d'HTML. This article explains how to create an HTML page. També, aprendràs a crear un mapa del lloc xml i a afegir una imatge i un enllaç. També és important crear un mapa del lloc xml, que us pot ajudar a organitzar el vostre lloc i augmentar el vostre trànsit. El següent pas és triar una plantilla.

Creating a html page

HTML és un llenguatge de marques. Cada element d'una pàgina web està representat per una etiqueta. Una etiqueta s'identifica mitjançant claudàtors angulars, i cada element té una o més etiquetes. Alguns elements només requereixen una etiqueta; altres poden requerir dos. Les etiquetes d'obertura i tancament tenen una barra inclinada (/). Per exemple, l'element paràgraf es representa amb l'etiqueta p. El text entre les etiquetes d'obertura i de tancament és el text del paràgraf.

Per crear un document HTML, haureu d'utilitzar un editor de text. La majoria d'ordinadors tenen un editor de text per defecte. Els usuaris de Windows utilitzaran Internet Explorer, mentre que els usuaris de Mac poden utilitzar TextEdit. Podeu instal·lar un editor de text fantàstic per crear una pàgina web d'aspecte professional, però per a la teva primera pàgina HTML, no és necessari. També podeu utilitzar un editor de text senzill i qualsevol navegador web. Si no esteu segur de quin programa utilitzar, proveu de baixar un editor HTML gratuït.

La pàgina html té dues seccions principals: el cos i el cap. La secció del cos conté el contingut real del lloc web, mentre que la secció de capçalera s'utilitza per al títol i la metainformació. El cos conté tots els altres elements, incloent imatges i altres gràfics. La secció de capçalera és el lloc per posar els vostres enllaços de navegació. Després d'haver acabat d'escriure el cos, ja esteu preparat per inserir el contingut del document. Assegureu-vos d'utilitzar els elements del cos i el cap per assegurar-vos que el vostre lloc web sigui accessible per a tothom.

Creating a xml sitemap

If you have an HTML page, és possible que vulgueu crear un mapa del lloc XML per ajudar els motors de cerca a rastrejar el vostre lloc web. Tot i que això no afectarà el vostre rànquing de cerca, ajudarà els motors de cerca a entendre el vostre contingut i ajustar la seva velocitat de rastreig. Per aquí, el vostre lloc web serà més visible als resultats del motor de cerca. Aquí teniu alguns passos fàcils per començar:

Crear un mapa del lloc HTML és fàcil de fer. Tot el que heu de fer és fer una taula senzilla de les pàgines del vostre lloc, amb enllaços a cada pàgina. A continuació, enllaceu a la pàgina del mapa del lloc a la capçalera o al peu de pàgina. Per aquí, no importa quantes pàgines tingui el vostre lloc, la gent pot navegar fàcilment per ells. A més, no cal que envieu un SEO per crear un mapa del lloc.

Un cop la vostra pàgina HTML estigui activa, envia'l a Google Search Console. Podeu utilitzar qualsevol extensió de fitxer i posar un nom al vostre mapa del lloc XML. Podeu enviar el mapa del lloc XML a Google, però no és necessari. Els rastrejadors de Google en general són força bons per descobrir contingut nou, i no cal que els envieu un mapa del lloc. També podeu enviar-lo a altres cercadors, però això no garanteix que Google us descobreixi.

No és necessari afegir un mapa del lloc XML a la vostra pàgina web, però augmentarà el SEO del vostre lloc web. Els motors de cerca utilitzen mapes del lloc per ajudar-los a indexar pàgines que no estan directament enllaçades per una pàgina web. Els mapes del lloc també ajuden a millorar l'accessibilitat del contingut multimèdia. Afegir un mapa del lloc al vostre lloc web pot ajudar a fer que el vostre lloc sigui més accessible per als robots dels motors de cerca.

Adding a picture

In HTML, podeu afegir una imatge a una pàgina utilitzant l'etiqueta img. Aquesta etiqueta només conté la imatge i els seus atributs; no requereix una etiqueta de tancament. Aquesta etiqueta d'imatge s'ha d'inserir a la secció del cos del document HTML. A més de l'amplada i l'alçada de la imatge, hauríeu d'incloure un atribut alt que descrigui la imatge. L'etiqueta alt s'ha d'escriure com si estigués escrivint la descripció d'una persona que no la pugui veure.

Afegir una imatge a un document HTML requereix una mica de coneixement de CSS i HTML. La mida de la imatge i la resolució són dos dels factors més importants a tenir en compte. La mida de la imatge determinarà com s'adaptarà al contingut del document. Si preferiu utilitzar una resolució o relació d'aspecte diferent, també podeu provar de canviar la mida de la imatge. malgrat això, recordeu que l'escala no sempre funciona com espereu.

Una bona regla general per ajustar la mida d'una imatge és augmentar-ne l'amplada. L'amplada ha de ser almenys un píxel més petit que l'alçada. Si la imatge és massa petita per mostrar-la, podeu afegir una vora, i després ajusteu-lo perquè s'ajusti a la mida de la imatge. També podeu ajustar la vora d'una imatge afegint-la a l'atribut de vora. El gruix de la vora és el valor per defecte, però podeu configurar-lo amb qualsevol valor. Assegureu-vos que la imatge tingui un atribut src.

Adding a link

You can add a link in HTML to your document using an a> etiqueta amb l'atribut href. Això crearà un marcador per al document i l'obrirà en una pestanya nova. També podeu utilitzar un atribut href per inserir una imatge al document. També podeu utilitzar un enllaç amb codi JavaScript per convertir un botó HTML en un enllaç. Un cop hagis fet això, podeu estilitzar el vostre enllaç amb codi CSS o JavaScript.

Un enllaç és una connexió d'un recurs web a un altre. Consta de dos extrems, una àncora d'origen i una àncora de destinació. Un enllaç pot ser qualsevol cosa, des d'una imatge fins a un fitxer de text. La majoria de llocs web i de xarxes socials utilitzen enllaços per dirigir els usuaris a un URL determinat. També es pot utilitzar HTML per especificar la ubicació d'un enllaç. És un’ L'atribut us permet enllaçar elements de codi a un URL.

Quan es dissenya un enllaç, assegureu-vos de considerar com utilitzaran el contingut els vostres visitants. El text de l'enllaç ha de ser descriptiu, perquè sàpiguen exactament què haurien d'esperar. La repetició del mateix URL és lletja per als lectors de pantalla, i no els dóna cap informació útil. Els lectors de pantalla també indiquen als usuaris quan existeixen enllaços fent-los diferents estils o subratllats. Per aquest camí, poden trobar fàcilment la informació que necessiten.

Adding a table

Adding a table to an HTML page is simple, però hi ha algunes coses que hauríeu de tenir en compte abans de fer-ho. El color de fons de la taula és crucial per cridar l'atenció del visitant i cridar l'atenció sobre la informació important. Podeu establir un color diferent per a l'element de capçalera i l'element de dades de la taula utilitzant codis de color hexadecimals o noms de color. Sigui com sigui, la teva taula serà fàcilment visible.

Podeu afegir una capçalera de taula i dades de taula amb l'element td, que defineix l'individu “caixes” pel contingut. Afegir una capçalera de taula és el primer pas per mostrar dades en una pàgina web, i si voleu afegir-ne el primer. Una taula també ha de tenir tres encapçalaments de files. Una capçalera hauria d'estar buida. Si la vostra taula té columnes, també hauríeu de crear capçaleres de fila per a cada columna.

També podeu afegir subtítols a la vostra taula. El títol és un element opcional que descriu el propòsit de la taula. Els subtítols també són útils per a l'accessibilitat. La taula també pot contenir cel·les que descriuen grups de dades. Finalment, podeu afegir l'element thead per definir un conjunt de files i columnes. Podeu utilitzar els dos elements junts o per separat. Fins i tot podeu utilitzar-los combinats, però el subtítol és el més important.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. L'element div és un contenidor especial per a text, imatges, i altres elements. Pots posar-li el nom que vulguis i canviar-ne els atributs segons les teves necessitats. També podeu afegir una classe o un marge per crear un espai entre el div i altres elements de la vostra pàgina.

També podeu utilitzar l'atribut innerHTML per inserir codi dins d'un div. Aquest mètode accepta codi inclòs en una cadena, i si no és dins de la div, el contingut s'eliminarà. Hauríeu d'evitar inserir codi en un div d'aquesta manera, ja que pot exposar el vostre lloc web a vulnerabilitats de scripting entre llocs. Si utilitzeu un llenguatge de script com ara JavaScript, podeu utilitzar l'atribut innerHTML.

Un div és una etiqueta HTML bàsica que s'utilitza per agrupar codi dins d'un document. Pot contenir un paràgraf, pressupost de bloc, imatge, àudio, o fins i tot una capçalera. La seva posició permet aplicar un estil i un llenguatge uniformes a diferents seccions d'una pàgina. Els divs s'utilitzen millor per marcar la semàntica comuna a grups d'elements consecutius. S'ha d'utilitzar un div quan voleu afegir estil a una secció sense haver de reescriure tota la pàgina.