Abbiamo detto nel precedente articolo che all’interno di ogni pagina è presente una serie di marcatori, i cosiddetti TAG, a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione. I tag vanno inseriti tra parentesi uncinate (<TAG>) e la chiusura del tag viene indicata con una “/”, ossia lo “slash” (</TAG>).
Il contenuto va ovviamente inserito all’interno del tag medesimo.
<b attributi>contenuto</b>
Gli attributi dei TAG sono svariati. La loro struttura è attributo=”valore”. Quindi la struttura del tag diviene la seguente.
<b attributo_1="valore1" attributo_2="valore2" attributo_3="valore3">contenuto</b>
Volendo fare un esempio pratico, giustifichiamo un paragrafo al centro.
<P align="center">testo</p>
Alcuni tag, come quello per inserire un’immagine (img) non hanno contenuto, e di conseguenza non hanno neanche la chiusura.
L’HTML è “case unsensitive“, cioè indipendente dal formato maiuscolo o minuscolo.
Tempo fa era buona norma scrivere il nome del tag in maiuscolo e gli attributi in minuscono, oggi invece è consigliabile scrivere tutto in minuscolo.
<html> <!-- racchiude tutti i tag in un documento HTML e lo definisce come un documento HTML --> <head> <!-- racchiude i tag titolo e contiene titoli del documento ed informazioni di progettazione per il documento --> <title> <!-- racchiude il titolo per il documento --> </title> <!-- chiude il title --> </head> <!-- chiude l'head --> <body> <!-- racchiude tutti i tag che formano un documento --> </body> <!-- chiude il body --> </html> <!-- chiude l'html -->
<H1> </H1> è un tag di testata che crea il testo di dimensioni più grande. Il numero di tag di testata può variare da 1 a 6. Incrementando il numero rende più piccolo il testo
<P> </P> crea paragrafi
<BR> </BR> crea una interruzione di linea
<B> </B> rende il testo in grassetto
<STRONG> </STRONG> rende il testo in grassetto
<I> </I> rende il testo in corsivo
<U> </U> sottolinea il testo
<CENTER> </CENTER> centra il testo
<FONTCOLOR=”nome del colore”> </FONT> assegna al testo un colore
<A HREF=”indirizzo da linkare”> </A> inserisce un collegamento
<TABLE> </TABLE> crea tabelle. Questo paio di tag racchiude tutti gli elenchi di tag per ognuno degli elementi nell’elenco
<TR> </TR> crea la riga di una tabella. Questo paio di tag racchiude tutti i tag di celle nella tabella
<TD> </TD> crea celle in una tabella
<OL> </OL> crea un elenco ordinato. Questo paio di tag racchiude tutti i tag di celle nell’elenco
<LI> </LI> racchiude l’elenco degli elementi
<UL> </UL> crea un elenco non ordinato. Questo paio di tag racchiude tutti i tag di celle nell’elenco
<LI> </LI> racchiude l’elenco degli elementi
Una strategia importante, per rendere il nostro codice più leggibile è quella di inserire dei “commenti” nei punti più significativi: si tratta di indicazioni significative per i webmaster, ma invisibili al browser.
Inserire i commenti in punti specifici del documento ci permette di mantenere l’orientamento anche in file molto complessi e lunghi.
[HTML][/HTML]
Le icone sono ormai uno standard per chi realizza siti internet. Permettono infatti un’ottima personalizzazione per lo stile […]
Se sei un webdesigner sicuramente nell’ultimo periodo ti starai dedicando allo studio della tecnica del responsive design. Un […]
Oggi vi segnalo un sito creativo, da veri nerd, per appassionati di grafica e web. Si tratta del […]
CSS3 ha tantissime potenzialità che ogni web designer dovrebbe conoscere per evitare di fare un uso spropositato di […]
CSS3 è una rivoluzione. Ci permette di aggiungere tanti effetti grafici agli oggetti presenti nelle nostre pagine web, […]
Con Html5 e CSS3 il mondo del web ha fatto un notevole passo avanti, offrendo un’esperienza più ricca […]
Creare una mappa navigabile per il sito internet è diventata ormai pratica comune, specialmente quando si tratta di […]
È ufficiale: Google ha un concorrente. Si chiama Atlas ed è di proprietà di Facebook. Quest’ultimo aveva acquistato […]
Se vi state avvicinando da poco a jQuery e state iniziando a studiarlo, avrete notato che spesso il […]
Se state realizzando un sito nel linguaggio di programmazione Php, magari con il CMS WordPress, imparare a gestire […]
Robadagrafici.com non è una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi prodotto editoriale ai sensi della legge 62/2001. Le immagini e i testi pubblicati sono valutati come di pubblico dominio: qualora il loro uso violasse diritti d'autore, lo si comunichi all'autore del blog che provvederà alla loro pronta rimozione.
Tutti i contenuti sotto Licenza Creative Commons. Marchi e loghi di soggetti terzi utilizzati in questo sito sono di proprietà esclusiva dei rispettivi proprietari.
Roba da Grafici © 2011-2016 -
Progetto a cura di
ServiziWeb Srl - Privacy & Cookies Policy