Fare Web: TAG HTML ~ Sairos mix

Benvenuti ad una nuova serie di guide sui linguaggi web, intitolata: Fare Web!

Oggi tratteremo l'HTML, più in particolare i TAG HTML.

L'HTML è un linguaggio web, tramite i tag ("<>") possiamo creare pagine statiche (che rimangono sempre uguali) per il nostro sito web!

Ecco di seguito una lista di TAG HTML:

Elementi Base

Tipo documento <HTML></HTML> (segnano l'inizio e la fine del file)

Titolo <TITLE></TITLE> (titolo della pagina, da inserire all’interno della testata)

Testata <HEAD></HEAD> (informazioni descrittive; come il titolo)

Corpo <BODY></BODY> (contenuto della pagina)

Proprietà della pagina:

Immagine di sfondo <BODY BACKGROUND="URL">

Colore di sfondo <BODY BGCOLOR="#******">

Colore del testo <BODY TEXT="#******">

Colore dei collegamenti <BODY LINK="#******">

Colore dei collegamenti visitati <BODY VLINK="#******">

Colore del collegamento selezionato <BODY ALINK="#******">

Formattazione del Testo

Neretto <B></B>

Corsivo <I></I>

Sottolineato <U></U> (A partire dalle versioni 4.*)

Apice <SUP></SUP>

Pendice <SUB></SUB>

Lampeggiante <BLINK></BLINK> (Supportato solo da Netscape)

Testo scorrevole <MARQUEE></MARQUEE> (Supportato solo da Internet Explorer)

Macchina da scrivere <TT></TT> (Visualizzato a spaziatura fissa)

Preformattato <PRE></PRE> (Visualizzato tale e quale, compresi gli spazi)

Centrato <CENTER></CENTER> (sia per testo che immagini)

Font: dimensioni <FONT SIZE=?></FONT> (valori da 1 a 7)

Font: modifica misura <FONT SIZE="+|-?"></FONT> (valori da –3 a +3)

Font: colore <FONT COLOR="#******"></FONT>

Font: tipo <FONT FACE="Verdana"></FONT> (A partire dalle versioni 4.*)

Collegamenti (Link)

Link a un documento <A HREF="URL"></A>

Definizione di un’àncora <A NAME="nomeàncora"></A>

Link a un’àncora dello stessa pagina <A HREF="#nomeàncora"></A>

Link a un’àncora di un’altra pagina <A HREF="URL#nomeàncora"></A>

Link da visualizzare in altro frame <A HREF="URL" TARGET="_nomedelframe"></A>

Link a indirizzo e-mail <A HREF="mailto:indirizzo@posta.it"></A>

Immagini

Visualizzazione immagine <IMG SRC="URL">

Immagine: allineamento <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

Immagine: testo in alternativa <IMG SRC="URL" ALT="***">

Immagine: dimensioni (in pixel) <IMG SRC="URL" WIDTH=? HEIGHT=?>

Immagine: dimensioni (in % d. largh. e alt. d. pagina) <IMG SRC="URL" WIDTH=?% HEIGHT=?%>

Immagine:bordo (in pixel) <IMG SRC="URL" BORDER=?>

Formato di Struttura

Separazione <DIV></DIV>

allineamento JUSTIFY></DIV>

Citazione <BLOCKQUOTE></BLOCKQUOTE>

(in genere visualizz. come blocco di testo

rientr.)

Font molto grande <BIG></BIG>

Font molto piccolo <SMALL></SMALL>

Divisori

Paragrafo (spesso il comando di chiusura viene omesso) <P></P>

Paragrafo: allineamento <P ALIGN=LEFT|CENTER|RIGHT></P>

Paragrafo: giustificazione (Supportato solo da Netscape) <P ALIGN=JUSTIFY></P>

Interruzione riga (Singolo ritorno a capo) <BR>

Riga orizzontale <HR>

Riga orizzontale: allineamento <HR ALIGN=LEFT|RIGHT|CENTER>

Riga orizzontale: spessore (in pixel) <HR SIZE=?>

Riga orizzontale: larghezza (in pixel) <HR WIDTH=?>

Riga orizzontale: larghezza % risp. alla largh. della pagina <HR WIDTH="?%">

Riga orizzontale: piena (senza l'effetto ombra) <HR NOSHADE>

Elenchi puntati, numerati ecc...

Elenco puntato <UL><LI></UL> (<LI> prima di ogni elemento)

Elenco puntato compatto <UL COMPACT></UL>

Tipo di puntatore <UL TYPE=DISC|CIRCLE|SQUARE> (per tutta la lista)

Tipo di puntatore <LI TYPE=DISC|CIRCLE|SQUARE> (questo e successivi)

Elenco numerato <OL><LI></OL> (<LI> prima di ogni elemento)

Elenco numerato compatto <OL COMPACT></OL>

Tipo di numero <OL TYPE=A|a|I|i|1> (per tutta la lista)

Tipo di numero <LI TYPE=A|a|I|i|1> (questo e successivi)

Numero di partenza <OL START=?> (per tutta la lista)

Numero di partenza <LI VALUE=?> (questo e successivi)

Elenco di definizioni <DL><DT><DD></DL> (<DT>=termine, <DD>=definizione)

Elenco di definizioni compatto <DL COMPACT></DL>

Elenco tipo Menu <MENU><LI></MENU> (<LI> prima di ogni elemento)

Elenco tipo Menu compatto <MENU COMPACT></MENU>

Elenco tipo indirizzario <DIR><LI></DIR> (<LI> prima di ogni elemento)

Elenco tipo indirizzario compatto <DIR COMPACT></DIR>

Tabelle

Inizio e fine tabella <TABLE></TABLE>

Tabella: allineamento <TABLE ALIGN=LEFT|RIGHT|CENTER> (A partire dalle versioni 4.*)

Tabella: spessore bordo <TABLE BORDER=?></TABLE> (numero pixel; con '0' non è visibile)

Spazio tra le celle <TABLE CELLSPACING=?>

Spazio nelle celle <TABLE CELLPADDING=?>

Larghezza tabella (in pixel) <TABLE WIDTH=?>

Larghezza % tabella <TABLE WIDTH="?%">

(in perc. risp. alla pagina o alla tabella più

esterna)

Tabella: colore di sfondo <TABLE BGCOLOR="#******"></TABLE>

Riga <TR></TR>

Allineamento della riga

(orizzontale e verticale)

<TR ALIGN=LEFT|RIGHT|CENTER

VALIGN=TOP|MIDDLE|BOTTOM>

Cella <TD></TD> (deve essere all'interno di una riga)

Allineamento della cella

(orizzontale e verticale)

<TD ALIGN=LEFT|RIGHT|CENTER

VALIGN=TOP|MIDDLE|BOTTOM>

Senza interruzione <TD NOWRAP>

Unione colonne <TD COLSPAN=?>

Unione righe <TD ROWSPAN=?>

Larghezza celle (in pixel) <TD WIDTH=?>

Larghezza % celle <TD WIDTH="?%"> (in percentuale risp. alla tabella)

Colore di sfondo della cella <TD BGCOLOR="#******">

Frame

Documento Frame <FRAMESET></FRAMESET> (al posto di <BODY>)

Impostazione frame div.

Orizz.

<FRAMESET ROWS=?,*></FRAMESET> (altezza in pixel o %)

Larghezza dei frame div.

Vert.

<FRAMESET COLS=*,?></FRAMESET> (larghezza in pixel o %)

Bordo fra i frame

<FRAMESET FRAMEBORDER="yes |

no"></FRAMESET>

(Sì | No)

Larghezza dei bordi fra i

frame

Colore del bordo fra i

frame

Spaziatura fra i frame <FRAMESET FRAMESPACING=?></FRAMESET>

Definizione del Frame <FRAME> (contenuto di una sezione)

Documento da visualizzare <FRAME SRC="URL">

Denominazione <FRAME NAME="***"|_blank|_self|_parent|_top>

Larghezza dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro)

Altezza dei margini <FRAME MARGINHEIGHT=?> (margine alto e basso)

Barra di scorrimento <FRAME SCROLLING="YES|NO|AUTO"> (sì | no | automatico)

Dimensione non

modificabile

Presenza del bordo <FRAME FRAMEBORDER="yes|no">

Colore del bordo <FRAME BORDERCOLOR="#******">

Contenuto in assenza di

frame

(visualizzato dai browser che non

supportano i frame)

Frame interno <IFRAME></IFRAME> (con gli stessi attributi di FRAME)

Frame interno: dimensioni <IFRAME WIDTH=? HEIGHT=?></IFRAME>

Frame interno: dimensioni

Tag Vari

Commenti (non visualizzati dal browser)

Dichiarazione tipo di file (primissima riga) <!doctype html public "-//w3c//dtd html 4.0 transitional//en">

Per facilitare l’opera di indicizzazione dei motori di ricerca utilizzate i seguenti tag (da inserire nella testata)

Autore del documento html <meta name="Author" content="nomedellautore">

Descrizione dei contenuti <meta name="Description" content="testodelladescrizione">

Parole-chiave per ricerche <meta name="Keywords" content="parole, chiave, da, inserire">

Caratteri Speciali

< (minore di) <

> (maggiore di) >

& (e commerciale) &

" (virgoletta) "

® (Marchio registrato) ®

(Spazio)  

ç (cediglia) ç

à à

À À

È É

ñ (n con tilde) ñ

(euro) €

£ (lira) £

¥ (yen) ¥

§ (sezione) §

È È

Ì Ì

Ò Ò

Ù Ù

Con questi tag è possibile quindi creare pagine in HTML.

Nella prossima guida approfondiremo i più importanti.

Fare Web: TAG HTML

0 commenti:

Posta un commento

Translate

Seguici anche su Facebook! Clicca mi piace!

Post più letti

Sairos mix

Categorie