La gestione del testo html
\nIl testo può essere inserito liberamente all’interno del BODY per venire visualizzato. Ovviamente esistono dei tag specifici che servono a controllarne la formattazione e la suddivisione in paragrafi. Tramite gli elementi P, BLOCKQUOTE, FONT e altri è possibile decidere come verranno visualizzati i testi. Tramite le liste puntate, numerate e di definizione si può schematizzare il contenuto e renderlo più leggibile per l’utente, che avrà modo di scorrere la pagina cogliendo al volo i contenuti più interessanti.<\/p>\n
I link La struttura della pagina L’elemento HEAD
\nIl cuore della rete, la cosa che rende tutto questo così speciale, però, sono i collegamenti ipertestuali<\/strong>. Sono loro, infatti, che permettono ai testi di trasformarsi in ipertesti<\/strong>, alla rete di creare le proprie interconnessioni e, in pratica, al web di vivere. Per creare i collegamenti ipertestuali<\/strong> è sufficiente utilizzare l’elemento A, che tramite l’attributo href rende attiva una parola (o un’immagine, come vedrai nel proseguio) e la collega a un’altra risorsa on line. Tramite l’elemento A è possibile creare dei puntatori interni alla pagina stessa e creare link che posizionano il documento a un punto preciso.<\/p>\n
\nII codice di ogni pagina ha una struttura fissa e definita: alcuni elementi sono fondamentali. Si può pensare un documento HTML<\/strong> come un sistema di scatole cinesi: la maggior parte degli elementi, infatti, ne contengono altri, secondo una sorta di albero gerarchico. Tutto il codice della pagina, ad esempio, è contenuto all’interno dell’elemento HTML<\/strong> (<\/strong>…<\/html><\/strong>) ed è diviso in due “sezioni”, l’intestazione HEAD<\/strong> (<\/strong>…<\/head><\/strong>) e il corpo della pagina BODY (<\/strong>…<\/ body><\/strong>). Nell’intestazione HEAD<\/strong> sono contenuti a loro volta tutti quegli elementi che riguardano la pagina nel suo insieme, come i fogli di stile<\/strong>, i programmi javascript<\/strong>, le parole chiave etc… Nel corpo della pagina BODY<\/strong> vengono inseriti tutti i contenuti, con i vari elementi che determinano il layout della pagina e la loro formattazione.
\nL’unico elemento che è possibile inserire prima del tag <\/strong> è la definizione del tipo di documento, ossia una stringa non obbligatoria che fa riferimento alla versione di HTML<\/strong> che si sta utilizzando. La versione attuale, HTML 4.01, viene definita dal seguente DOCTYPE:
\n.
\nPer creare la tua prima pagina web con un editor di testo, decidi la directory di lavoro per il tuo sito, e apri il programma che vuoi utilizzare. Crea un nuovo file di testo, e salvalo con il nome che preferisci all’interno della directory del sito, dandogli come estensione .html<\/strong> o .htm<\/strong> (per esempio index.htm).
\nScrivi nel file il codice di base della pagina, aggiungendo una frase tra l’apertura e la chiusura del tag body<\/strong>. Salva il file, e prova ad aprirlo in Internet Explorer<\/strong>: ecco la tua prima pagina web!<\/p>\n
\nL’intestazione del file contiene informazioni utili per il funzionamento della pagina.
L’unico elemento visibile dall’utente inserito all’interno dell’elemento HEAD<\/strong> è il TITLE<\/strong> (