HTML: differenze tra le versioni

Da Wikiversità, l'apprendimento libero.
Contenuto cancellato Contenuto aggiunto
Riga 53: Riga 53:
Un tag ormai non più utilizzato è il tag:
Un tag ormai non più utilizzato è il tag:
<source lang="html4strict"><font> ... </font></source> che in pratica identificava il tipo di carattere, grandezza e colore di tutto il testo racchiuso al suo interno. Facciamo un esempio pratico:
<source lang="html4strict"><font> ... </font></source> che in pratica identificava il tipo di carattere, grandezza e colore di tutto il testo racchiuso al suo interno. Facciamo un esempio pratico:

<source lang="html4strict"><font
[[Categoria:Lezioni]]
[[Categoria:Lezioni]]
[[Categoria:Linguaggi di programmazione]]
[[Categoria:Linguaggi di programmazione]]

Versione delle 18:22, 27 ott 2007

HTML
Autore
Data di origine 1989
Utilizzo
Paradigmi
Tipizzazione
Estensioni comuni html
Implementazione di riferimento
Licenza CC BY 4.0
Sito web html.spec.whatwg.org/multipage/

Acronimo di Hyper Text Markup Language (Linguaggio di contrassegno per gli ipertesti). E' il più importante linguaggio di markup per il web.

Cos'è l'HTML

L'HTML nasce alla fine degli anni '80 da Tim Berners-Lee al CERN di Ginevra. HTML è un linguaggio di pubblico dominio la cui sintassi è stabilita dal World Wide Web Consortium (W3C). L'HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ossia descrive il contenuto, testuale e non, di una pagina web. Punto HTML (.html) o punto HTM (.htm) è anche l'estensione comune dei documenti HTML. Normalmente il programma che deve interpretare il codice HTML viene chiamato Browser. Il Browser effettua la richiesta di una pagina al server HTTP che risponde con la pagina HTML. Il browser ha poi il compito di trasformare le istruzioni in HTML (in pure testo) in elementi grafici e ipertestuali. Una cosa molto importante è che l'HTML non è dinamico ma bensì statico ciò significa che se non si agisce direttamente nel codice HTML, esso rimarrà invariato nel tempo. L'unica possibilità che il codice cambi è dovuta a codice script che viene inserito in appositi tag. Ricordate comunque che il codice script non muta comunque.


Compatibilità e dintorni

Con lo sviluppo e la diffusioni di innumerevoli tecnologie e browser, si pensava che l'HTML dovesse diventare sempre più rigido su certe regole. Invece si ottenne l'effetto opposto, cioè, se c'è un errore nella stesura del codice, probabilmente il browser chiuderà un occhio e visualizzerà normalmente la pagina. Questo che sembra apparentemente un vantaggio, in realtà è uno svantaggio quando vi accorgerete che in diversi browser l'errore verrà visualizzato in modo diverso. I browser moderni inseriscono sempre di più codici proprietari (come ad esempio gli action tag di w:Internet Explorer) e questo influisce ancora di più sulla compatibilità. L'unico modo per scrivere una pagina che sia visualizzata quasi ugualmente per tutti i browser è attenersi alle rigidissime regole del W3C. Esiste un validatore per controllare se le vostre pagine sono corrette o meno.

Sintassi di base

I Tag: cosa sono e come si utilizzano

Come già accennato i tag sono dei marcatori del linguaggio. Ogni tag identifica una parte della pagina. La sintassi generale è:

<tag></tag>

rispettivamente tag di apertura e tag di chiusura. I tag di apertura possono avere degli attributi:

<tag attributo1="ciao"></tag>

Facciamo subito qualche esempio. Per giustificare una frase a destra, sinistra e al centro:

<p align="right">Io sono a destra</p>
<p align="left">Io sono a sinistra</p>
<p align="center">Io sono al centro</p>

Il tag utilizzato è uno dei più comuni. Il termine p indica paragrafo e viene utilizzato per inserire del testo in una pagina html. Come si nota dalla sintassi si inserisce un tag di apertura con le eventuali proprietà specificate nello stesso tag poi il testo che viene visualizzato nella pagina html e infine il tag di chiusura.

In seguito passeremo ad analizzare tutti i tag più importanti dell'html.

I caratteri

Abbiamo visto come si possa stampare un testo mediante il tag:

<p>testo</p>

Ora passiamo ad impostare il carattere del testo che vogliamo stampare.

Un tag ormai non più utilizzato è il tag:

<font> ... </font>

che in pratica identificava il tipo di carattere, grandezza e colore di tutto il testo racchiuso al suo interno. Facciamo un esempio pratico: