Quan parlem de codi HTML, segur que a molts de vosaltres us vénen al capdavant un llenguatge que s'utilitza per estructurar la informació que se'ns facilita quan entrem en un navegador o una pàgina web. Però això no es queda aquí, per entendre millor què és l'HTML i perquè serveix, hem d'aprofundir molt més enllà del tema.
Aquest codi del qual parlarem és la base fonamental del desenvolupament web. Cada vegada que naveguem per les diferents pàgines, l'HTML és més que present a totes elles, tant en una pàgina de moda com un bloc personal. Si estàs interessat en conèixer més sobre aquest tema, agafa paper i boli que comencem.
Què és i perquè serveix el codi HTML?
Com hem indicat a l'inici d'aquesta publicació, l'HTML és un llenguatge amb què podem arribar a definir els continguts de la nostra pàgina web. En espanyol, les sigles corresponen a la definició de Llenguatge de Marcatge d'Hipertext. És a dir, una sèrie d'etiquetes que el nostre navegador és capaç d'interpretar i poder definir els nostres textos i altres tipus d'aspectes que formaran part de la pàgina web, imatges, gràfics, etc.
Aquest llenguatge del que parlem, té la funció de descriure'ns l'estructura que segueix una pàgina ia més, ens ajuda a organitzar la forma en què s'aniran mostrant. A més de tot això, l'HTML us permetrà incloure diferents enllaços redireccionats a un altre tipus de pàgines o fins i tot documents.
No és un llenguatge de programació, ja que no compleix unes determinades funcions aritmètiques. Per això podem assenyalar que la seva funció principal és la de poder crear pàgines web estàtiques. És molt útil ja que, ajuntant-lo al costat d'un altre tipus de llenguatge de programació es poden obtenir pàgines d'allò més dinàmiques com moltes de les que visitem cada dia.
Una mica d'història sobre l'HTML
graffica.info
Aquest llenguatge va néixer a l'any 1980 quan Tim Berners-Lee un científic va presentar la idea d'un nou sistema d'hipertext. Estava basada, en la necessitat de poder compartir documents i fitxers. En aquesta publicació en què es parla de l'HTML, es descriuen un total de 22 etiquetes que ensenyaven un disseny inicial i simple del que era aquest llenguatge.
Actualment, diversos d'aquestes etiquetes que es van esmentar fa anys, se segueixen mantenint, davant d'altres que s'han deixat de banda i d'altres que s'han anat sumant amb el pas del temps. Per això, podem assenyalar que al llarg de la seva història hi ha hagut diferents versions de l'HTML.
Recordem que aquest tipus de llenguatge només pot ser processat per mitjà d'un navegador com els que estem utilitzant en aquest moment en aquesta web per llegir aquesta publicació.
Tipus d'etiquetes
Una de les coses que hem assenyalat a l'apartat anterior és que el llenguatge HTML està compost per diferents etiquetes. Aquestes etiquetes per a qui no ho sàpiga, són una mena de fragments de text protegits per claudàtors o claus que tenen com a objectiu escriure aquest codi.
Aquestes etiquetes, solen anar delimitades pel que nosaltres coneixem parèntesis en punta <>, és a dir;. Aquestes s'utilitzen per descriure el que es vol que aparegui a la web, quant a aparença.
En HTML, incontram que es tenen definides una gran varietat d'etiquetes diferents. Depenent de l'ús que se li donaran, a continuació en veiem algunes.
- Etiqueta d'obertura: són les que s'utilitzen als inicis de les pàgines. Ens assenyala on comença o acaba un determinat element. Entre els parèntesis en punta heu d'anar el nom de l'element.
- Etiquetes de tancament: el mateix que en el cas anterior, però ens indiquen el final d'un element. Es diferencien principalment, en la forma com s'escriu, ja que apareix una línia diagonal.
- Etiquetes per a títols: ens indicaran que el que es col·loca seguidament és el títol de la nostra pàgina.
- Etiquetes de cos: en aquest cas, parlem de les etiquetes que ens indiquen la part del cos de text, és a dir els blocs de text seguit.
- Etiqueta de capçalera: com el seu nom ens desvetlla, és una etiqueta que ens assenyala el títol o encapçalat de la nostra pàgina.
- Etiqueta de subtítol: en aquest cas parlem dels subtítols de nivell 2.
- Etiqueta de paràgraf: són les que es fan servir per fer que el nostre text es mostri en una línia de manera agrupada.
- Etiqueta secció inferior: assenyala la part inferior d'un text. Podeu identificar-vos amb la conclusió o amb la part final de la pàgina on apareixen les dades de contacte o les xarxes socials.
- Etiqueta secció superior: ens referim a la part superior d'un text o una capçalera a la pàgina.
- Etiqueta negreta: com tots coneixem són les encarregades de ressaltar algun element que tanqui el nostre text.
- Etiquetes cursiva: semblant al cas anterior, però aquí apareix allò assenyalat en cursiu.
- Etiqueta d'imatge: és la que utilitzem quan volem inserir una imatge a la nostra pàgina.
- Etiquetes d'enllaços: si volem afegir enllaços a qualsevol part de la nostra web cal afegir aquesta etiqueta.
Aquestes són algunes de les principals etiquetes que s'utilitzen en el llenguatge HTML. Per cada etiqueta que obrim, cal recordar que l'hem de tancar, sinó no haurem inclòs correctament aquesta etiqueta. Fent-ho de la forma correcta aconseguirem aconseguir un llenguatge HTML ben estructurat. Un codi mal escrit ens pot generar errors a la creació de la pàgina. A més, el navegador no ho reconegui i se'ns mostri una pantalla en blanc o que directament la pàgina es mostri tal com està.
Ara que ja coneixes què és l'HTML, per a què serveix i algunes de les etiquetes més bàsiques, tens coneixements de com és l'estructura bàsica d'aquest llenguatge de què parlem. Un cop saps això, t'animem a utilitzar les diferents etiquetes que t'hem anomenat i vagis afegint-ne de noves, per construir i practicar el que s'ha après.