Comandi HTML e guida ai comandi principali
Comandi HTML. Questa guida non vuole essere in nessun modo sostitutiva ad altre ma un aiuto concreto per i meno esperti in questo campo.
Lista dei comandi Html principali:
<HTML>. Segnala al browser il linguaggio in cui è stato fatto il documento
<HEAD
>. Raccoglie le informazioni come metatag e title
<TITLE>. Questo da un titolo al documento che vedremo scritto in barra nel browser
<BODY>. Conterrà quello che vedremo sulla pagina Html
Per la formattazione del testo i comandi sono:
<p> inizia un nuovo paragrafo
<BR> inserisce un ritorno a capo
<HR> inserisce nella pagina una linea orizzontale
<H1>…<H6> dimensioni dei caratteri dei titoli
<STRONG> trasforma in grassetto i caratteri
<EM> trasforma in corsivo il testo
<U> sottolinea il testo
Per creare delle liste:
<UL> lista non numerata
<OL> lista numerata
<LI> voce di descrizione
<MENU> lista a menu
<DIR> lista a directory
Per i collegamenti a Url o a documenti:
1 <A HREF=”URL”> collegamento che porta ad un URL
2 <A NAME=”nome”> ancoraggio per un collegamento interno
3 <A HREF=”#nome”> collegamento interno
Per le immagini i comandi Html sono:
1 <IMG SRC=”nomefile.gif”> Inserisce un’immagine nella pagina
2 <IMG ALT=”testo”> Inserisce testo alternativo all’immagine
3 <IMG ALIGN=”top”> Indica l’allineamento
4 <IMG ALIGN=”middle”> Indica l’allineamento
5 <IMG ALIGN=”bottom”> Indica l’allineamento
6 <A HREF=”URL”><immag.jpeg></A> Trasforma l’immagine in un collegamento ipertestuale
Per costruire tabelle:
1 <PRE> Inserisce una tabella creata con testo preformato
2 <TABLE> Indica al browser di trattare il testo seguente come una tabella
3 <TR> Indica una nuova riga di tabella
4 <TD> Indica una singola cella all’interno di una riga di tabella
5 <TH> Inserisce una riga per i titoli dei campi della tabella
6 <CAPTION> Inserisce un titolo per la tabella
7 <…ALIGN=”center”> Allinea il testo contenuto in una cella, o il CAPTION della tabella stessa (in questo caso il valore sarà = “top/bottom”) al centro, “left”> a sinistra, “right”> a destra.
8 <VALIGN=”top”> Allinea il testo all’interno di una singola cella in alto, “middle”> in centro, “bottom”> in basso.
9 <TABLE BORDER> Definisce lo spessore del bordo della tabella e delle celle
10 <TD COLSPAN> Nello stesso modo definisce l’estensione in larghezza delle singole colonne
11 <TD ROWSPAN> Definisce l’altezza delle singole celle
12 <WIDTH> Definisce la larghezza di una tabella o di una cella
13 <CELLSPACING> Indica la spaziatura interna tra le celle
14 <CELLPADDING> Indica lo spazio da lasciare tra il testo e il bordo di una tabella
Per creare i moduli:
1 <FORM> Indica al browser che il testo che segue costituisce un modulo
2 <FORM ACTION=”URL”> ad esempio Indica l’indirizzo del programma destinato ad elaborare i dati raccolti con il modulo
3 <INPUT NAME=”etich.”> Nome di una etichetta dati
4 <METHOD=GET/POST> Indica il metodo di trasmissione dati . È preferibile utilizzare sempre POST
5 <INPUT TYPE=”tipo”> Indica il tipo di casella per l’inserimento dei dati: TEXT, CHECKBOX, RADIO
6 <INPUT TYPE=SUBMIT> Crea un pulsante per l’invio dei dati
7 <INPUT TYPE=RESET> Crea un pulsante per annullare la compilazione del modulo
8 <VALUE=”testo”> Assegna una stringa di testo personalizzata a SUBMIT e RESET
SIZE= (attributo) Assegna una lunghezza massima alle caselle TEXT
MAXLENGHT= ” Indica la lunghezza massima del testo inseribile in una casella TEXT
TEXTAREA ” Inserisce una casella destinata ad accogliere una quantita’ di testo di + di 1 riga
COLS=, ROWS=,” Indicano il numero di colonne e righe da assegnare a TEXTAREA
WRAP ” Attributo di TEXTAREA per far scorrere automa- ticamente il testo
CHECKED ” Indica il valore di dafault di pulsante RADIO o CHECKBOX o di una finestra
9 <SELECT OPTION=”…”> Indica una delle opzioni del menu a discesa
MULTIPLE Rende possibili più scelte in menu creato con SELECT
SIZE= Rende visibili tutte le opzioni del menu creato con SELECT (non a discesa)
PASSWORD Crea una finestra per l’inserimento di password visualizzate con asterischi