HTML - Introduzione

Introduzione al linguaggio HTML

Contrariamente a come molti pensano, HTML (acronimo di Hyper Text Markup Language) non è un linguaggio di programmazione, ma un linguaggio di contrassegno. Infatti, non prevede l'uso dei costrutti tipici di un linguaggio di programmazione vero e proprio come il C, Java e il Python, e non è nemmeno pensato per creare algoritmi o elaborare informazioni, ma piuttosto per la creazione della struttura logica di una pagina web (quindi ad indicare come vengono di sposti gli elementi in una pagina, per l'inserimento dei contenuti della pagina web (testo, immagini, video...), e in parte per la formattazione di essi. HTML rappresenta lo standard per queste operazioni.

Tuttavia, HTML ha diverse limitazioni. In primis, non possiede strumenti di formattazione avanzati per i testi e di gestione dei contenuti. A questo interviene il CSS (Cascading Style Sheet), che viene integrato in un file HTML per applicare una veste grafica migliore alle pagine, per allinearsi con gli standard richiesti nel mondo dello sviluppo web.

Inoltre, L'impossibilità di creare algoritmi rende impossibile per l'utente interagire con il sito web. Per fare ciò si usa il JavaScript, che a differenza di HTML e CSS è un vero e proprio linguaggio di programmazione, usato per creare le interazioni tra l'utente e la pagina web (pulsanti, valori, calcoli...).

HTML ha una struttura a tag, che sono come dei segnaposti, racchiusi tra parentesi angolari . Per esempio:

&lttitle&gtFantastico Sito Web&lt/title&gt

Il testo all'interno del tag verrà inserito da esso all'interno della pagina web. Ogni tag (a parte alcune eccezzioni) si chiude con un tag di chiusura che è lo stesso tag, ma con uno / davanti al nome

&lttitle&gt --> &lt/title&gt

I tag possono anche avere degli attributi, ovvero proprietà aggiuntive che possono modificarne il funzionamento.

&ltimg src="percorso/immagine.jpeg"&gt

Struttura di un file HTML

Prendiamo come esempio:

  &lt!DOCTYPE html&gt
  &lthtml&gt
      &lthead&gt
          &lttitle&gtFantasitico Sito Web&lt/title&gt
      &lt/head&gt
      &ltbody&gt
          Lorem ipsum dolor sit amet, &ltbr/&gt
          consectetur adipisci elit&ltbr/&gt
      &lt/body&gt
  &lt/html&gt
  

Ogni pagina in HTML si apre con il tag

&lt!DOCTYPE html&gt

Per indicare al browser che il documento che sta aprendo, è un file HTML.
Abbiamo poi il tag &lthtml&gt che si chiude in fondo alla pagina.

All'interno di questo tag troviamo i due tag fondamentali di HTML:

• &lthead&gt

  contiene tutti i metadati, che vengono utilizzati dal browser e non sono visibili all'utente.

• &ltbody&gt

  tutto il contenuto è visibile all'utente.

Tutto il testo contenuto all'interno del tag body verrà visualizato a schermo come testo normale, senza interruzioni di riga. (il testo non andrà a capo). Per andare a capo si usa il tag:

&ltbr/&gt

che non richiede la chiusura.

Commenti

In qualsiasi linguaggio di programmazione o di markup, un commento è una parte di codice che serve solo come riferimento visivo al programmatore, e che viene completamente ignorata dal compilatore o dall'interprete. In HTML i commenti si scrivono in questo modo:

&lt!--Questo è un commento-->&gt