Com aprendre HTML

Pas 11. Creeu enllaços a altres ubicacions de la vostra pàgina

També podeu utilitzar aquest codi per enllaçar a altres pàgines o llocs web, però ara com ara, ja que no teniu cap lloc web, us centrarà en ancoratges, és a dir, dirà ubicacions específiques de la vostra pàgina a les quals voleu referir l’usuari.

• Comenceu creant una àncora amb l'etiqueta a la ubicació de la pàgina a la qual voleu referir l'usuari. Poseu-li un nom que el descrigui bé i que recordeu fàcilment:
aquí teniu el text al voltant del qual col·loqueu l’etiqueta.
• Utilitzeu l'etiqueta per enllaçar a aquests ancoratges o a una altra pàgina web:
escriviu el text o la imatge que es mostrarà com a enllaç.
• Per fer referència a una àncora que es troba en una pàgina diferent, afegiu un # després de la seva adreça i, a continuació, escriviu el nom de l'àncora. Per exemple, https://fr.wikihow.com/apprendre-le-HTML#Conseils fa referència a la secció de consells d'aquesta pàgina.

Part 2 de 2: Més informació sobre tècniques HTML avançades

Pas 1. Obteniu més informació sobre els atributs

Els atributs es col·loquen dins de la pròpia etiqueta, provocant petits canvis en el contingut de l'etiqueta. Els atributs mai es troben sols. Sempre es troben en el format següent: name = "valor", on el nom representa el nom de l'atribut (per exemple, el color) i el valor descriu aquest atribut (per exemple, el vermell).

• De fet, heu trobat atributs abans, si heu seguit la secció anterior. Etiquetes

  

  utilitzeu l'atribut src, l'ancoratge de l'atribut nom i l'atribut links href. Veureu com cadascun d’aquests atributs segueixen el format ___="___«.

Pas 2. Practicar taules HTML

Necessitareu diferents etiquetes per crear taules. Juga amb aquestes etiquetes o aprèn més sobre les taules HTML.

• Comenceu posant les etiquetes de taula al voltant de la taula que vulgueu crear:

• Les etiquetes de fila contenen el contingut de cada fila:

• Trobem les capçaleres de columna a la primera fila:

• A continuació, les cel·les de la taula de les files següents:

• Aquí teniu un exemple de com són aquestes etiquetes quan es combinen:

Columna 1: mes	Columna 2: Estalvi
Gener	100 euros

Pas 3. Apreneu diferents etiquetes per posar-les a la capçalera del document

Ja heu vist l'etiqueta que es troba al començament de cada document. A més de l’etiqueta, també podeu posar les etiquetes següents:

• Utilitzeu metetiquetes que s’utilitzen per proporcionar metadades sobre la pàgina. Les dades poden ser utilitzades pels motors de cerca quan els seus robots exploren Internet per localitzar i enumerar llocs web. Per fer que el vostre lloc web sigui més visible per als motors de cerca, utilitzeu una o més etiquetes (són etiquetes úniques), cadascuna d'elles amb un nom d'atribut únic i un valor únic, per exemple: aproximadament
• Les etiquetes s’utilitzen per associar fitxers a la pàgina. S’utilitzen principalment per enllaçar fulls d’estil CSS per canviar l’aspecte de la pàgina HTML afegint color, alineant text i moltes altres coses.
• Les etiquetes s’utilitzen per enllaçar fitxers JavaScript que poden modificar la pàgina seguint les accions de l’usuari.

Pas 4. Manipuleu el codi HTML que trobeu

Una de les millors maneres d’ampliar els vostres coneixements en aquesta àrea és mirar el codi font de les pàgines web. Per fer-ho, feu clic dret a la pàgina i seleccioneu Visualitza el codi font, Visualitza el codi font o qualsevol altra opció similar o bé feu clic a l'opció Veure al menú de la part superior del navegador. Intenteu trobar les etiquetes que no coneixeu i cerqueu a Internet per obtenir més informació.

Tot i que no podeu editar un lloc web de tercers, podeu copiar el codi HTML que trobeu al document i editar-lo per veure quines són les diferents opcions. Tingueu en compte que, sense el full d’estil CSS, és possible que no tingueu els mateixos colors ni format

Pas 5. Obteniu guies més completes per aprendre tècniques més avançades

Hi ha diferents fonts a Internet que us poden ajudar a obtenir més informació sobre les etiquetes HTML, per exemple a W3Schools o Codecademy. És possible que també trobeu llibres que ensenyen HTML, però assegureu-vos d’utilitzar-ne un que s’ha publicat recentment, ja que l’HTML s’actualitza regularment. Fins i tot seria millor aprendre CSS per tenir un millor control sobre el format i l’aspecte del vostre lloc web. Un cop tingueu les mans a CSS, el pas següent normalment per als dissenyadors web és JavaScript.

Consells

• Heu d’intentar trobar una pàgina senzilla a Internet el codi del qual pugueu manipular-la. Proveu de moure text, canviant el tipus de lletra, canviant les imatges, el que vulgueu.
• Podeu obtenir un bloc de notes i escriure-hi tot el codi HTML perquè pugueu cercar-lo en qualsevol moment. També podeu imprimir aquesta pàgina com a referència futura.
• XML i RSS són cada vegada més populars als llocs actuals. Els seus codis poden semblar difícils de llegir i comprendre per a un humà, sobretot si els veieu en un document HTML, però produeixen els seus propis efectes al lloc.
• Les etiquetes pròpies del codi HTML no distingeixen entre majúscules i minúscules, però es recomana utilitzar lletres minúscules per tal d’estandarditzar-les i compatibilitzar-les amb XHTML.

Advertiments

• Alguns balises han quedat obsolets en els darrers anys i s’han substituït per altres mètodes que produeixen els mateixos efectes o hi afegeixen altres efectes.
• Si voleu validar les vostres pàgines, aneu al lloc W3 i conegueu els estàndards HTML que han canviat amb el pas del temps, ja que algunes etiquetes se substitueixen per altres que funcionen millor als navegadors moderns.