-
.
Premessa
Premetto che, trattandosi di un tutorial HTML, grazie alla possibilità di inserire suddetto codice direttamente sulla pagina, non dovrò fare il tedioso lavoro di caricare degli screenshot, e per voi sarà più semplice caricare la pagina, senza dover aprire trecento spoiler. Tuttavia, questo tutorial è solo la descrizione di un tag, base fondamentale per iniziare a lavorare con l'HTML. Bando alle ciancie, cominciamo.
A che servono i tag
Un TAG HTML serve per inserire codice che verrà reinterpretato dal Browser per formare la pagina web che visitate. L'HTML è la base per qualsiasi pagina web, e tramite i tag possiamo svolgere semplici azioni, come scrivere righe di testo o inserire immagini.
Tipologie di tag
I tag possono essere di tre tipi. E' importante ricordare la tipologia di ogni tag.
Possiamo avere:
Tag Chiusi: forse il tipo di tag più comune. Il tag chiuso appartiene a tutti quei comandi che richiedono l'inserimento di materiale tra un comando di apertura ed uno di chiusura. Per esempio, il tag P, un semplicissimo tag per scrivere testo, ha bisogno di essere aperto e poi chiuso. Il testo andrà inserito nel mezzo, così come gli altri tag che necessitano di questo comando.Questo è l'esempio di un testo scritto dentro un tag chiuso
HTML<p>Questo è l'esempio di un testo scrito dentro un tag chiuso</p>Questo è l'esempio di un tag chiuso che racchiude un altro tag chiuso
HTML<p>Questo è l'esempio di un tag chiuso che racchiude <b>un altro tag chiuso</b></p>
Tag Aperti: questo tipo di tag non richiede la chiusura, in quanto non può contenere ulteriori informazioni al di fuori del tag stesso. Esempio:HTML<img src="http://lh3.ggpht.com/-yzFDuu0Z9Ck/T72OWiq3LzI/AAAAAAAAAg8/LhzvnbA8P4Y/facepalm%252520x0%252520combo.gif">
Tag Autochiudenti: questi tag necessitano di una chiusura, ma il tag non deve essere riscritto come avviene con il P. Visto che non mi vengono esempi di tag che sono solamente autochiudenti, e visto che è possibile convertire un tag aperto con uno autochiudente, e visto che concordiamo tutti sulla totale epicità dell'immagine precedente, userò lo stesso tag di prima.HTML<img src="http://lh3.ggpht.com/-yzFDuu0Z9Ck/T72OWiq3LzI/AAAAAAAAAg8/LhzvnbA8P4Y/facepalm%252520x0%252520combo.gif" />
Note AggiuntiveCITAZIONEMa Fox, cosa diamine hai messo nel tag IMG?
Quel che leggete dopo IMG si chiama funzione. Un tag può avere varie funzioni, e ogni funzione da una caratteristica particolare al tag. Nel caso di IMG, le funzioni più frequenti sono src (Usata praticamente sempre, poichè senza non c'è un'immagine) e alt (diminutivo di Alternative, serve a sostituire l'immagine con del testo alternativo nel caso in cui non dovesse più funzionare il link). E visto che quell'immagine di prima è epica, ve la rimetto.HTML<img src="www.facepalmx0.fake" alt="Cosa?NonFunziona?:Facepalm x0:" />
Detto ciò vi saluto, lasciandovi ai tanti facepalm x0 di Doc Scratch. Alla prossima. -
.
Bella guida Fox! .