HTML

html struttura pagina Ingrandisci il Font ingrandisci font | Riduci il Font riduci font | stampa documentosalva documento in pdf

L'Html o : Hyper Text Markup Language, è un linguaggio statico di marup, utilizzato per la realizzazione delle pagine web, che utilizza tag per indicare ai vari browser, come interpretare e visualizzare l'ipertesto. 

Ecco la struttura base di una pagina Html: 

<!Doctype html>
<html>
<head>
<title>La mia prima pagina html</title>
</head>
<body>
<h1>Html</h1>
<p>La mia prima pagina Html</p>
</body>
</html>

Se provate ad aprile un Editor di testo qualsiasi, es: "Blocco note" di Windows o Notedpad++ o qualsiasi altro editor e scrivete il testo sopra-indicato, salvandolo  in formato .html (apri Blocco note, vai su: Salva con nome > tutti i file (*) ,  rinominandola ad es.: la-mia-prima-pagina-html.html e aprendolo con un qualsiasi Browser), il risultato sarà come quello dell'mmagine di quest'articolo. 

Certo, graficamente non è il massimo della vita, ma avrete scritto la vostra prima pagina in html. 

Per poter inserire uno sfondo o "colorare" il testo avete due alternative:

  1. Formattaro in html o:
  2. Utiliizzare i CSS (Fogli di style a cascata) interni o esterni.

Quest'argomento verrà approfondito nella Categoria: CSS, di questo sito, al momento, cercate di capire almeno la struttura base dell'html che vi servirà come base per qualunque cosa vogliate "realizzare" nel mondo del web.

Il simbolo   "<"  indica il tag di apertura e " />" quello di chiusura.

Il Doctype Document Type Definition,  indica al Browser quale linguaggio di markup è stato utilizzato per scrivere questo documento. Il Doctype definisce la sintassi ed i marcatori (tag) impiegati nella costruzione di un documento web appartenente alla famiglia dei linguaggi di tipo markup quali, ad esempio: HTML, XML e SFML. 

La dichiarazione del Doctype deve essere inserita prima di tutti i tag e può essere espressa nella seguente maniera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

"EN" indica il linguaggio (umano) utilizzatao, es: EN= inglese; IT= italiano.

Per i documenti in Html5, invece, lo si indica in maniera molto più semplice, ovvero:

<!Doctype html>
Il linguaggio "Umano", in questo caso, verrà inserito all'interno del Tag <html> in questa maniera: <html lang="it"> dove "it" stà per "italiano". Ecco un esempio qui di seguito: 
<!Doctype html>
<html lang="it">
<head>
<title>La mia prima pagina html</title>
</head>
<body>
<h1>Html</h1>
<p>La mia prima pagina Html</p>
</body>
</html>