HTML. Conceptes Bàsics

L'HTML és el llenguatge que s'utilitza en la creació de pàgines web.

En el seu origen, l'HTML era un llenguatge dissenyat per compartir informació entre científics de tot el món. Era purament un llenguatge estructural, en què no hi havia forma de descriure l'aparença de les pàgines (ni tan sols la possibilitat de posar un text en negreta o cursiva). Més endavant s'hi van afegir nombroses opcions per formatar i presentar text i gràfics.

A mitjans de la dècada de 1990, van començar les ampliacions de l'HTML per aconseguir la presentació desitjada, però sempre des de diferents perspectives de diferents desenvolupadors, que van acabar amb diverses solucions no estàndards per diferents navegadors. Això va provocar l'aparició d'un consorci que controla l'evolució de l'HTML: el W3C (World Wide Web Consortium).

Etiquetes bàsiques:

Les etiquetes bàsiques d'HTML són:

• <.!DOCTYPE>: És l'etiqueta que permet definir el tipus de document HTML que s'empra. Existeixen tres tipus bàsics: l'estricte (Strict), el transicional (Transitional) i el de marcs (Frameset).
• <.html>: És l'etiqueta arrel de qualsevol document HTML o XHTML.
• <.head>: Defineix la capçalera del document HTML. Permet declarar informació del document que no es mostra directament en el navegador. Aquesta informació és d'especial rellevància pels indexadors i cercadors automàtics.
• <.body>: Defineix el cos del document. Aquesta és la part del document HTML que es mostra en el navegador.

Dins de la capçalera <.HEAD> hi podem trobar:

• <.title>: Permet definir el títol de la pàgina. En navegadors gràfics el contingut del title apareix a la barra del títol a sobre de la finestra.
  
• <.meta>: Permet definir metainformacions del document tals com l'autor, la data de realització, la codificació del document (UTF, ISO, etc.), les paraules clau i la descripció del mateix
  
• <.LINK>: Permet definir metadades complementàries a les del meta tals com el document anterior, el següent, el capítol al qual pertany el document, la pàgina glossari, etc.
  

Dintre del cos <.BODY> hi podem trobar:

• <.a>: Etiqueta ancla. Crea un enllaç a un altre document o a una altra zona del mateix, segons els atributs.
  
• <.h1>, <.h2>,… <.h6>: capçaleres o títols del document, acostumen a distingir-se per mida.
  
• <.div>: Divisió estructural de la pàgina.
  
• <.p>: Paràgraf.
  
• <.br>: Salt de línia.
  
• <.table>: Indica el començament d'una taula, després s'haurà de definir les files amb <.tr> i les cel·les dintre de les files amb <.td>.
  
• <.ul>: Llista desordenada (sense numerar). Els ítems es defineixen amb <.li>.
  
• <.ol>: Llista ordenada (numerat). Els ítems es defineixen amb <.li>.
  
• <.dl>: Llista de definició. Hi ha dos tipus d'ítem; el dt, terme a definir, i el dd, la definició del terme.

Excepte unes poques etiquetes, la majoria requereixen ser tancades escrivint la mateixa etiqueta precedida d'una barra "/". Exemple: <.html>…<./html>

Vegeu també:

• Llista de colors HTML

Altres enllaços:

• World Wide Web Consortium Regulador dels estàndards de la Web, incloent HTML
• HTML Home Page Pàgina oficial del HTML
• Validador automatitzat de codi HTML
• Lebyrus - Resum de la primera setmana d'un curs d'HTML
• Apunts ràpids d'HTML

Souraida