home *** CD-ROM | disk | FTP | other *** search
/ Web Designer 98 (Professional) / WebDesigner 1.0.iso / tutorials / tut5 / it_barebone.txt < prev    next >
Encoding:
Text File  |  1997-06-14  |  19.3 KB  |  435 lines
  1. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2.            L A   G U I D A   B A R E   B O N E S   D I   H T M L
  3.  
  4.                               di Kevin Werbach
  5.                             <http://werbach.com/>
  6.  
  7.                      Version 3.0  --  21 luglio 1996
  8. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  9.  
  10.  
  11. Questo documento e' disponibile a <http://werbach.com/barebones/>.
  12.  
  13. La guida Bare Bones elenca tutti i comandi che la versione attuale della
  14. maggioranza dei browser probabilmente supporta. Ho incluso tutti i comandi
  15. presenti nelle specifiche di HTML 3.2, come pure le estensioni presenti in
  16. Netscape Navigator, fino alla versione 3.0b5. Questa guida e' stata ideata
  17. per essere piu' sintetica possibile, e quindi non comprende alcun dettaglio
  18. sulle modalita' di utilizzo dei vari comandi. Ma nel World Wide Web ci sono
  19. numerose guide passo per passo; ho quindi inserito i collegamenti a molte
  20. di queste nel documento disponibile a <http://werbach.com/wwwhelp.html>.
  21.  
  22. Sono sempre benvenuti commenti e suggerimenti; puoi contattarmi tramite
  23. email a <barebones@werbach.com>.
  24.  
  25.  
  26.  
  27.  
  28. IMPAGINAZIONE DI QUESTO DOCUMENTO
  29. ---------------------------------------------------------------------------
  30. Questo documento viene visualizzato meglio con un font a spaziatura fissa.
  31.  
  32. Per chiarezza, ho diviso gli attributi dello stesso comando in righe
  33. separate. In generale, molti attributi possono essere concatenati nello
  34. stesso comando.
  35.  
  36. I comandi sono elencati in caratteri maiuscoli solo per facilitare la
  37. lettura.
  38.  
  39.  
  40.  
  41. SIMBOLI UTILIZZATI
  42. ---------------------------------------------------------------------------
  43.  
  44. URL    URL di un file esterno (oppure il nome del file se presente nella
  45.        stessa directory)
  46. ?      numero arbitrario (ad esempio: <H?> significa <H1>,<H2>,<H3>,ecc.)
  47. %      percentuale arbitraria (ad esempio: <HR WIDTH=%> significa
  48.        <HR WIDTH=50%>, ecc.)
  49. ***    testo arbitrario (ad esempio: ALT="***" significa spazio da riempire
  50.        con testo)
  51. $$$$$$ esadecimali (hex) arbitrari (ad esempio: BGCOLOR="#$$$$$$" significa
  52.        BGCOLOR="#00FF1C", ecc.)
  53. ,,,    campi separati da virgole (ad esempio COORDS=",,," significa
  54.        COORDS="0,0,50,50", ecc.)
  55. |      in alternativa (ad esempio: ALIGN=LEFT|RIGHT|CENTER significa scegli
  56.        uno di questi tre valori)
  57.  
  58.  
  59.  
  60. COMPATIBILITA' (da ricordare che il linguaggio HTML e' in continua
  61.                 evoluzione e le implementazioni dei browser variano)
  62. ---------------------------------------------------------------------------
  63.       (nessuna nota) nelle specifiche di HTML 3.2; ovvero funziona con
  64.       tutti i browser
  65. N1.0  Estensione di Netscape introdotta nel Navigator 1.0
  66. N1.1  Estensione di Netscape introdotta nel Navigator 1.1
  67. N2.0  Estensione di Netscape introdotta nel Navigator 2.0
  68. N3.0b Estensione di Netscape introdotta nel Navigator 3.0 beta
  69.  
  70. ===========================================================================
  71. ===========================================================================
  72.  
  73.  
  74.  
  75. ELEMENTI DI BASE (tutti i documenti HTML devono contenere questi comandi)
  76. ---------------------------------------------------------------------------
  77.        Tipo             <HTML></HTML>      (inizio e fine del file)
  78.        Titolo           <TITLE></TITLE>    (nome del documento; deve essere
  79.                                             nella testata)
  80.        Testata          <HEAD></HEAD>      (informazioni descrittive; come
  81.                                             il titolo)
  82.        Corpo            <BODY></BODY>      (contenuto della pagina)
  83.  
  84. FORMATTAZIONE DI STRUTTURA (la visualizzazione del testo e' controllata
  85.                            dalla configurazione del browser)
  86. ---------------------------------------------------------------------------
  87.        Intestazioni     <H?></H?>          (sono definiti 6 livelli)
  88.          allineamento     <H? ALIGN=LEFT|CENTER|RIGHT></H?>
  89.        Blocchi divisi   <DIV></DIV>
  90.          allineamento     <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
  91.        Blocco di
  92.        citazioni        <BLOCKQUOTE></BLOCKQUOTE>    (generalmente rientrato)
  93.        Evidenziato      <EM></EM>          (generalmente in corsivo)
  94.        Molto
  95.        evidenziato      <STRONG></STRONG>  (generalmente in neretto)
  96.        Citazione        <CITE></CITE>      (generalmente in corsivo)
  97.        Codice           <CODE></CODE>      (per listati di programmazione)
  98.        Esempio
  99.        di output        <SAMP></SAMP>
  100.        Immissione da
  101.        tastiera         <KBD></KBD>
  102.        Variabile        <VAR></VAR>
  103.        Definizione      <DFN></DFN>        (non molto diffuso)
  104.        Indirizzo
  105.        dell'autore      <ADDRESS></ADDRESS>
  106.        Il font
  107.        piu' grande      <BIG></BIG>
  108.        Il font
  109.        piu' piccolo     <SMALL></SMALL>
  110.  
  111. FORMATTAZIONE DI PRESENTAZIONE (l'autore specifica come deve essere
  112.                                 visualizzato il testo)
  113. ---------------------------------------------------------------------------
  114.        Neretto          <B></B>
  115.        Corsivo          <I></I>
  116. N3.0b  Sottolineato     <U></U>            (non ancora molto diffuso)
  117.        Depennato        <STRIKE></STRIKE>  (non ancora molto diffuso)
  118. N3.0b  Depennato        <S></S>            (non ancora molto diffuso)
  119.        Deponente        <SUB></SUB>
  120.        Esponente        <SUP></SUP>
  121.        Macchina da
  122.        scrivere         <TT></TT>          (visualizzato a spaziatura fissa)
  123.        Preformattato    <PRE></PRE>        (visualizzato tale e quale)
  124.        Larghezza        <PRE WIDTH=?></PRE>    (in caratteri)
  125.        Centrato         <CENTER></CENTER>  (sia per testo che immagini)
  126. N1.0   Lampeggiante     <BLINK></BLINK>    (il comando piu'ridicolo)
  127.        Grandezza
  128.        del font         <FONT SIZE=?></FONT>     (valori da 1 a 7)
  129.        Cambio grandezza
  130.        del font         <FONT SIZE="+|-?"></FONT>
  131. N1.0   Grandezza font
  132.        di base          <BASEFONT SIZE=?>        (da 1 a 7; default 3)
  133.        Colore del font  <FONT COLOR="#$$$$$$"></FONT>
  134. N3.0b  Selezione
  135.        del font         <FONT FACE="***"></FONT>
  136. N3.0b  Testo in
  137.        piu' colonne     <MULTICOL COLS=?></MULTICOL>
  138. N3.0b    spazio tra
  139.          le colonne       <MULTICOL GUTTER=?></MULTICOL> (standard 10 pixel)
  140. N3.0b    larghezza
  141.          della colonna    <MULTICOL WIDTH=?></MULTICOL>
  142. N3.0b  Spazio           <SPACER>
  143. N3.0b    tipo di spazio   <SPACER TYPE=horizontal| vertical|block>
  144. N3.0b    grandezza
  145.          dello spazio     <SPACER SIZE=?>
  146. N3.0b    dimensione
  147.          dello spazio     <SPACER WIDTH=? HEIGHT=?>
  148. N3.0b    allineamento
  149.          dello spazio     <SPACER ALIGN=left|right|center>
  150.  
  151.  
  152.  
  153. COLLEGAMENTI E GRAFICI
  154. ---------------------------------------------------------------------------
  155.  
  156.        Collegamento
  157.        generale         <A HREF="URL"></A>
  158.          ad un punto      <A HREF="URL#***"></A>  (se in un altro documento)
  159.                           <A HREF="#***"></A>     (se nello stesso documento)
  160. N2.0     ad una finestra  <A HREF="URL" TARGET="***"></A>
  161.        Definizione
  162.        del punto        <A NAME="***"></A>
  163.        Relazione        <A REL="***"></A>         (non ancora molto diffuso)
  164.        Relazione
  165.        inversa          <A REV="***"></A>         (non ancora molto diffuso)
  166.        Visualizzazione
  167.        immagine         <IMG SRC="URL">
  168.          allineamento      <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
  169.  
  170. N1.0     allineamento      <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|
  171.                              BASELINE|ABSBOTTOM>
  172.          testo alternativo <IMG SRC="URL" ALT="***">   (quando non viene
  173.                                                        visualizzata l'immagine)
  174.          dimensioni        <IMG SRC="URL" WIDTH=? HEIGHT=?>     (in pixel)
  175.          bordi             <IMG SRC="URL" BORDER=?>             (in pixel)
  176.          spazio
  177.          circostante       <IMG SRC="URL" HSPACE=? VSPACE=?>    (in pixel)
  178. N1.0     bassa risoluzione <IMG SRC="URL" LOWSRC="URL">
  179.          mappa navigabile  <IMG SRC="URL" ISMAP>        (richiede un script)
  180.          mappa navigabile
  181.          in locale         <IMG SRC="URL" USEMAP="URL">
  182.        Mappa             <MAP NAME="***"></MAP>
  183.        Sezioni della
  184.        mappa             <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
  185. N1.1   Metodo Client
  186.        Pull              <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
  187. N2.0   Incorporazione
  188.        di oggetti        <EMBED SRC="URL">   (inserimento oggetto nella pagina)
  189. N2.0     grandezza         <EMBED SRC="URL" WIDTH=? HEIGHT=?>
  190.  
  191.  
  192. DIVISORI
  193. ---------------------------------------------------------------------------
  194.        Paragrafo        <P></P>           (spesso il tag di chiusura e' omesso)
  195.          allineamento     <P ALIGN=LEFT|CENTER|RIGHT></P>
  196.        Interruzione
  197.        riga             <BR>                (singolo ritorno a capo)
  198.          pulizia
  199.          margini          <BR CLEAR=LEFT|RIGHT|ALL>
  200.        Riga
  201.        orizzontale      <HR>
  202.          allineamento     <HR ALIGN=LEFT|RIGHT|CENTER>
  203.          spessore         <HR SIZE=?>       (in pixel)
  204.          larghezza        <HR WIDTH=?>      (in pixel)
  205. N1.0     larghezza
  206.          in percentuale   <HR WIDTH="%">    (come percentuale rispetto alla
  207.                                             larghezza della pagina)
  208.          riga piena       <HR NOSHADE>      (senza l'effetto 3D)
  209. N1.0   Senza
  210.        interruzione     <NOBR></NOBR>       (per evitare l'interruzione
  211.                                             automatica della riga)
  212. N1.0   Interruzione     <WBR>               (per inserire l'interruzione
  213.                                             dove desiderato in NOBR)
  214.  
  215.  
  216. LISTE  (le liste possono essere annidate)
  217. ----------------------------------------------------------------------------
  218.        Liste senza
  219.        ordine           <UL><LI></UL>        (<LI> prima di ogni elemento)
  220.          compatta         <UL COMPACT></UL>
  221.          tipo di pallina  <UL TYPE=DISC|CIRCLE|SQUARE>    (per tutta la lista)
  222.                           <LI TYPE=DISC|CIRCLE|SQUARE>    (questo e successivi)
  223.        Liste numerate   <OL><LI></OL>        (<LI> prima di ogni elemento)
  224.          compatta         <OL COMPACT></OL>
  225.          tipo di numero   <OL TYPE=A|a|I|i|1>        (per tutta la lista)
  226.                           <LI TYPE=A|a|I|i|1>        (questo e successivi)
  227.          num. di partenza <OL START=?>               (per tutta la lista)
  228.                           <LI VALUE=?>               (questo e successivi)
  229.        Lista di
  230.        definizioni      <DL><DT><DD></DL>      (<DT>=termine, <DD>=definizione)
  231.          compatta         <DL COMPACT></DL>
  232.        Lista tipo Menu  <MENU><LI></MENU>      (<LI> prima di ogni elemento)
  233.          compatta         <MENU COMPACT></MENU>
  234.        Lista tipo
  235.        Directory        <DIR><LI></DIR>        (<LI> prima di ogni elemento)
  236.          compatta         <DIR COMPACT></DIR>
  237.  
  238.  
  239. SFONDO E COLORI
  240. ---------------------------------------------------------------------------
  241.        Immagine di
  242.        sfondo           <BODY BACKGROUND="URL">
  243.        Colore di sfondo <BODY BGCOLOR="#$$$$$$"> (ordine di Red/Green/Blue)
  244.          del testo        <BODY TEXT="#$$$$$$">
  245.          dei collegamenti <BODY LINK="#$$$$$$">
  246.          dei collegamenti
  247.          visitati         <BODY VLINK="#$$$$$$">
  248.          del collegamento
  249.          selezionato      <BODY ALINK="#$$$$$$">
  250.  
  251. (Sono disponibili informazioni piu' dettagliate a
  252.  http://werbach.com/web/wwwhelp.html#color)
  253.  
  254.  
  255.  
  256. CARATTERI SPECIALI         (devono essere digitati in caratteri minuscoli)
  257. ---------------------------------------------------------------------------
  258.        carattere speciale  &#?;       (dove ? indica il codice ISO 8859-1)
  259.        <                   <
  260.        >                   >
  261.        &                   &
  262.        "                   "
  263.        Registered TM       ®
  264.        Copyright           ©
  265.        Non-Breaking Space   
  266.  
  267. (La lista completa e' disponibile a
  268. http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
  269.  
  270.  
  271. MODULI (generalmente richiedono uno script sul server)
  272. ---------------------------------------------------------------------------
  273.        Definizione      <FORM ACTION="URL" METHOD=GET|POST></FORM>
  274. N2.0     Upload file      <FORM ENCTYPE="multipart/form-data"></FORM>
  275.        campo di
  276.        immissione       <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
  277.                           IMAGE|HIDDEN|SUBMIT|RESET">
  278.          nome del campo   <INPUT NAME="***">
  279.          valore del campo <INPUT VALUE="***">
  280.          barrato?         <INPUT CHECKED>        (checkbox e radio)
  281.          grandezza        <INPUT SIZE=?>         (in caratteri)
  282.          lunghezza
  283.          massima          <INPUT MAXLENGTH=?>    (in caratteri)
  284.        Lista di
  285.        selezione        <SELECT></SELECT>
  286.          nome del campo   <SELECT NAME="***"></SELECT>
  287.          numero di
  288.          opzioni          <SELECT SIZE=?></SELECT>
  289.          scelta multipla  <SELECT MULTIPLE>       (per selezionare piu' di
  290.                                                   un elemento)
  291.        Opzioni          <OPTION>      (elementi che possono essere selezionati)
  292.          opz.proposta     <OPTION SELECTED>
  293.        Finestra di
  294.        immissione       <TEXTAREA ROWS=? COLS=?></TEXTAREA>
  295.          nome del campo   <TEXTAREA NAME="***"></TEXTAREA>
  296. N2.0     divisione del
  297.          testo            <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
  298.  
  299.  
  300.  
  301. TABELLE
  302. ---------------------------------------------------------------------------
  303.        Definizione      <TABLE></TABLE>
  304.          bordo            <TABLE BORDER=?></TABLE>
  305.          spazio
  306.          tra celle        <TABLE CELLSPACING=?>
  307.          spazio
  308.          all'interno      <TABLE CELLPADDING=?>
  309.          larghezza
  310.          desiderata       <TABLE WIDTH=?>           (in pixel)
  311.          larghezza in
  312.          percentuale      <TABLE WIDTH="%">         (percentuale rispetto alla
  313.                                                     pagina)
  314.        Riga             <TR></TR>
  315.          allineamento     <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>
  316.        Cella            <TD></TD>        (deve essere all'interno di una riga)
  317.          allineamento     <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>
  318.          senza
  319.          interruzione     <TD NOWRAP>
  320.          colonne da
  321.          occupare         <TD COLSPAN=?>
  322.          righe da
  323.          occupare         <TD ROWSPAN=?>
  324. N1.1     larghezza
  325.          desiderata       <TD WIDTH=?>        (in pixel)
  326. N1.1     larghezza
  327.          desiderata
  328.          in percentuale   <TD WIDTH="%">    (percentuale rispetto alla tabella)
  329. N3.0b    colore di sfondo
  330.          della cella      <TD BGCOLOR="#$$$$$$">
  331.        Intestazioni
  332.        delle celle      <TH></TH>           (uguale alle celle di dati, ma
  333.                                             in neretto e centrata)
  334.          allineamento     <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>
  335.          senza
  336.          interruzione     <TH NOWRAP>
  337.          colonne da
  338.          occupare         <TH COLSPAN=?>
  339.          righe da
  340.          occupare         <TH ROWSPAN=?>
  341. N1.1     larghezza
  342.          desiderata       <TH WIDTH=?>        (in pixel)
  343. N1.1     larghezza
  344.          desiderata
  345.          in percentuale   <TH WIDTH="%">    (percentuale rispetto alla tabella)
  346. N3.0b    colore di sfondo
  347.          della cella      <TH BGCOLOR="#$$$$$$">
  348.        Legenda della
  349.        tabella          <CAPTION></CAPTION>
  350.          allineamento     <CAPTION ALIGN=TOP|BOTTOM> (sopra o sotto la tabella)
  351.  
  352.  
  353. FRAME  (definiscono e gestiscono specifiche sezioni dello schermo)
  354. ---------------------------------------------------------------------------
  355. N2.0   Documento Frame  <FRAMESET></FRAMESET>           (al posto di <BODY>)
  356. N2.0     altezza in
  357.          righe            <FRAMESET ROWS=,,,></FRAMESET>         (pixel o %)
  358. N2.0     altezza in
  359.          righe            <FRAMESET ROWS=*></FRAMESET> (* = misura relativa)
  360. N2.0     larghezza in
  361.          colonne          <FRAMESET COLS=,,,></FRAMESET>         (pixel o %)
  362. N2.0     larghezza in
  363.          colonne          <FRAMESET COLS=*></FRAMESET> (* = misura relativa)
  364. N3.0b    larghezza
  365.          della cornice    <FRAMESET BORDER=?>
  366. N3.0b    cornice          <FRAMESET FRAMEBORDER="yes|no">
  367. N3.0b    colore della
  368.          cornice          <FRAMESET BORDERCOLOR="#$$$$$$">
  369. N2.0   Definizione del
  370.        Frame            <FRAME>        (contenuto di ogni singolo riquadro)
  371. N2.0     documento da
  372.          visualizzare     <FRAME SRC="URL">
  373. N2.0     denominazione    <FRAME NAME="***"|_blank|_self|_parent|_top>
  374. N2.0     larghezza dei
  375.          margini          <FRAME MARGINWIDTH=?>     (margine destro e sinistro)
  376. N2.0     altezza dei
  377.          margini          <FRAME MARGINHEIGHT=?>    (margine alto e basso)
  378. N2.0     barra di
  379.          scorrimento?     <FRAME SCROLLING="YES|NO|AUTO">
  380. N2.0     dimensione non
  381.          modificabile     <FRAME NORESIZE>
  382. N3.0b    cornice          <FRAME FRAMEBORDER="yes|no">
  383. N3.0b    colore della
  384.          cornice          <FRAME BORDERCOLOR="#$$$$$$">
  385. N2.0   Contenuto in
  386.        assenza di frame <NOFRAMES></NOFRAMES>        (per i browser che non
  387.                                                      supportano i frame)
  388.  
  389.  
  390. JAVA
  391. ---------------------------------------------------------------------------
  392.        Applet           <APPLET></APPLET>
  393.          nome del file    <APPLET CODE="***">
  394.          parametri        <APPLET PARAM NAME="***">
  395.          ubicazione       <APPLET CODEBASE="URL">
  396.          denominazione    <APPLET NAME="***">        (per riferimenti presenti
  397.                                                      nella pagina)
  398.          testo in
  399.          alternativa      <APPLET ALT="***">         (per i browser che non
  400.                                                      supportano Java)
  401.          allineamento     <APPLET ALIGN="LEFT|RIGHT|CENTER">
  402.          dimensioni       <APPLET WIDTH=? HEIGHT=?>    (in pixel)
  403.          spaziatura       <APPLET HSPACE=? VSPACE=?>   (in pixel)
  404.  
  405. VARI
  406. ---------------------------------------------------------------------------
  407.        Commenti          <!-- *** -->        (non visualizzati dal browser)
  408.        Prologo           <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">           "[*]"
  409.        Ricerca           <ISINDEX>         (indica che e' un documento
  410.                                            collegato ad un database
  411.                                            indicizzato in cui e' possibile
  412.                                            fare ricerche)
  413.          Prompt            <ISINDEX PROMPT="***">      (testo da anteporre
  414.                                                        alla casella di
  415.                                                        inserimento)
  416.        Invio ricerca     <A HREF="URL?***"></a>        (usare il punto di
  417.                                                        domanda)
  418.        URL base di
  419.        questo file       <BASE HREF="URL">       (deve essere nella testata)
  420. N2.0   Nome di base
  421.        della finestra    <BASE TARGET="***">     (deve essere nella testata)
  422.        Relazioni         <LINK REV="***" REL="***" HREF="URL"> (deve essere
  423.                                                                nella testata)
  424.        Meta Informazioni <META>                   (deve essere nella testata)
  425.        Fogli di stile    <STYLE></STYLE>          (non ancora molto diffusi)
  426.        Scripts           <SCRIPT></SCRIPT>        (non ancora molto diffusi)
  427. ===========================================================================
  428. Copyright (c) 1995, 1996 Kevin Werbach.  E' permessa la distribuzione non
  429. commerciale. Questa non e' un prodotto di Bare Bones Software. Contatta
  430. l'autore per ulteriori informazioni.
  431.  
  432. Traduzione a cura di Kay Martha Quittan <kay@kmq.inet.it>
  433. (per informazioni vedi http://www.eurocube.it/kay)
  434.  
  435.