-
Dimensione Font = 1
Dimensione Font = 2
Dimensione Font = 3 -- normale
Dimensione Font = 4
Dimensione Font = 5
Dimensione Font = 6
Dimensione Font = 7
Ma ASPETTA! Ora puoi scrivere anche esponenti e pedici per cose divertenti tipo mate e chimica:
CO2 + SO4-2
3x2 - 2y-1/2 = 4z
Con l'HTML introdotto da Netscape ed HTML 3.0, si hanno alcune opzioni per la formattazione del testo. Andando nello specifico, si possono avere testi con dimensioni e colori diversi. Quando usata con giudizio, la formattazione del testo puo' migliorare l'aspetto di una pagina web. Quando e' usata abbondantemente, puo' invece produrre pagine web irritanti.
Puoi anche creare esponenti e pedici usati nelle espressioni matematiche, formule chimiche o come simboli di nota.
In questa lezione ti introdurremo a queste caratteristiche del testo con alcuni esempi che userai per modificare le tue pagine Volcano Web. Se vuoi, puoi prima fare riferimento alla pagina di test dei caratteri per vedere se il tuo web browser supporta i tag usati in questa lezione.
|
Dimensione Font = 2 Dimensione Font = 3 -- normale Dimensione Font = 4 Dimensione Font = 5 Dimensione Font = 6 Dimensione Font = 7 |
La formattazione per il tag della dimensione dei font e':
<font size=N>blah blah blah</font>dove va da N=1 a 7. Il tag font puo' essere usato in congiunzione con altri tag di stile (lezione 5) o dentro tag d'intestazione (lezione 3)
L'altro modo per usare il tag font e' quello di fornire una variazione di dimensione relativa:
<font size=+1>blah blah blah</font>
<font size=-2>blah blah blah</font>
per esempio dove i valori +N o -N danno una variazione rispetto alla dimensione corrente del font. Questa e' usata con un altro tag:
<basefont size=5>che cambia la dimensione di base da quella predefinita di 3 ad un altro valore. Potrebbe capitarti di usarlo in una pagina che presenta principalmente testo di dimensioni maggiori o minori di quelle standard. In questo modo, se devi sistemare piccole porzioni della pagina, puoi usare i tag per le dimensioni relative illustrati sopra.
La potenza nell'uso di tag per le dimensioni relative dei font (per esempio size=+2) al posto dei tag per le dimensioni assolute (per esempio size=5) sta nel poter modificare facilmente in un colpo solo la dimensione di TUTTO il testo della pagina agendo sul tag <basefont>.
Nota: Il tag <basefont> non ha il suo tag di chiusura -- continua a dare la dimensione dei font fino a quando non compare un altro tag <basefont>.
Se un web browser non supporta i tag <font>, potresti provare quelli di HTML 3.0:
<BIG>...</BIG> <SMALL>...</SMALL>che ti danno la possibilita' di lavorare su meno dimensioni di font, ma che continuano ad essere funzionanti anche per questi browser.
|
Questa e' la dimensione normale Questo e' il tag SMALL
|
Cambia la linea che fa:
<h1>Volcano Web</h1>in:
<p> <B><font size=+4>V</font><font size=+3>OLCANO WEB</font></B>Stai ben attento a quello che abbiamo fatto -- la prima V e' ora maggiore di 4 unita' rispetto al valore base, e le altre lettere (ora in maiuscolo) sono di 3 unita' piu' grandi rispetto alla valore base. Questo fornisce lo stile di layout tipo SMALL CAPS [lett. piccoli cappelli]. Nota anche che abbiamo aggiunto un tag <b>...</b> per far risaltare il titolo. Ed infine, poiche' noi non stiamo usando un header tag che porta una interruzione di linea in automatico, abbiamo dovuto aggiungere un tag <p> prima del titolo per forzarlo ad apparire in una nuova riga (non ne abbiamo bisogno di un altro dopo perche' il prossimo codice HTML e' un <BLOCKQUOTE> che porta la propria interruzione -- vedi lezione 13)
<B><I><font size=+1>"La natura urla selvaggiamente,
distruggendo le terre"</font></I></B><br>
<h3>blah blah blah</h3>con:
<p> <font size=+1><B>blah blah blah</B></font><br>Nota che il tag <p> forza ad una interruzione di riga con il testo precedente sopra e il tag <br> forza una linea d'interruzione (niente spazi bianchi) al testo seguente.
Riesci a vedere la differenza tra l'uso dei tag <font> e <hN> per i titoli delle sezioni? Le differenze di formattazione potrebbero essere sottili, ma questo ti permette, in qualita' di autore di codice HTML, di avere alternative nella progettazione delle tue pagine web. Ricorda solo che se il programma del lettore non supporta i tag per le dimensioni dei font, egli vedra' tutto il testo in formato standard.
| Due Metodi per Creare Intestazioni | |||||
|---|---|---|---|---|---|
| <h3>...</h3> | <p><b><font size=+1> ...</font></b><br> |
||||
|
|
||||
Beh, non staremo ad impazzire con i tag per i colori, ma cambieremo, come esempio, il colore del testo del VOLCANO WEB a cui abbiamo lavorato prima per la nostra pagina di copertina. Se ricordi, abbiamo impostato il colore per il testo di questa pagina a giallo e ritoccheremo il colore solo per il testo del titolo:
<B><font size=+4 color=#FF66FF>V</font> <font size=+3 color=#DD0055>OLCANO WEB</font></B>
NOTA: Gli attributi dimensione e colore possono stare insieme nel tag <font>. Il risultato e' una "V" color viola chiaro e di dimensioni maggiori per una unita' rispetto alle altre lettere.
Il codice HTML per questi tag e':
| Esponenti / Pedici | |
|---|---|
| HTML | Risultato |
| <sup>...</sup> | esponente |
| <sub>...</sub> | pedice |
Ora useremo questi tag per la nostra pagina d'Introduzione:
I vulcani hanno profondamente contribuito alla prima atmosfera terrestre attraverso
il rilascio di gas come l'azoto (N<sub>2</sub>), diossido di carbonio (CO<sub>2</sub>), ed ammoniaca (NH<sub>4</sub>).
Notare che le eruzioni vulcaniche verificatesi
nella preistoria furono superiori per diversi
ordini di magnitudo (piu' di 1000 km<sup>3</sup> in volume espulso) rispetto a quelli osservati
da esseri umani.
Volume in km^3in
Volume in km<sup>3</sup>
Il codice HTML per specificare una famiglia di caratteri e':
<font FACE="font1,font2">testoSe il browser di un utente supporta l'attributo font FACE e se si tratta di uno dei font delle lista di quelli installati sul suo computer, allora il testo verra' visualizzato con il font specificato. Altrimenti si usera' lo stesso font del resto della web page.
Se scegli di usare un font face, dovresti scegliere una famiglia di tipo standard o assicurarti che i computer in questione abbiano qualche font "esotico" installato.
Ora modificheremo il tag <font> per il titolo della nostra pagina in modo che le parole "Volcano Web" appaiano in un font diverso:
<B><font face="Arial,Helvetica" size=+4 color=#FF66FF>V</font> <font face="Arial,Helvetica" size=+3 color=#DD0055>OLCANO WEB</font></B>
NOTA: Abbiamo incluso specificazioni per i browser per scegliere Arial per Windows Helvetica per Macintosh e/o computer che non hanno il font Arial installato.Usa questo HTML con discrezione! Il suo uso puo' essere un arte, non abusare di troppi stili di font!
| Tag di Stile | |
|---|---|
| HTML | Risultato |
<u>Questo e' Sottolineato...</u> |
Questo e' Sottolineato |
<strike>Questo e' Sbarrato...</strike> |
|
Ed infine, questo e' un punto delicato per quanto riguarda la colorazione del testo che un giorno potrebbe esserti utile. Nella lezione 16, abbiamo imparato ad usare il tag <body> per colorare gli sfondi, il testo ed i link. Se noi colorassimo un blocco di testo con il tag <font>, interesserebbe solo il corpo del testo, e non il colore dei link -- questi mantengono il colore predeterminato blu o altro specificato nel tag <body>.
| Colori di Default per i Links | |
|---|---|
| HTML | Risultato |
<font color=red> Passo' molto tempo dopo la triste morte di <A HREF="http://www.longhorn.org/sir/"> Sir Longhorn</A> prima che qualcuno fosse in grado di ricreare la sua formula. |
Passo' molto tempo dopo la triste morte di Sir Longhorn prima che qualcuno fosse in grado di ricreare la sua formula. |
| Possiamo cambiare il colore dei link posizionando il <font > al suo interno. Nota che questo funzionera' solo nei link non ancora visitati; una volta vista la corrispondente pagina, assumera' il colore progettato per il link visitati, per esempio quello di default porpora | |
| Colori per i Link Modificati | |
<font color=red> Passo' molto tempo dopo la triste morte di <A HREF="http://www.longhorn.org/sir/"> <font color=#228800>Sir Longhorn</font></A> prima che qualcuno fosse in grado di ricreare la sua formula. |
Passo' molto tempo dopo la triste morte di Sir Longhorn prima che qualcuno fosse in grado di ricreare la sua formula. |
Cerca posizioni in cui pensi potresti avere bisogno di pedici o esponenti. Un esempio potrebbero essere le note a pie' di pagina -- le puoi numerare o usare altri codici, e cosi' ogni nota potrebbe funzionare come link ad una nota a pie' di pagina (o saltare ad una pagina per le note separata):
|
| ... e dopo lo studio di Linberger e Gordon del 196312 sugli effetti della temperatura sulla maturazione del formaggio, Gange e Walters
(1964)13 allo stesso modo di Colby
(1969)14 giunsero alle stesse conclusioni. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 12.Gli esperimenti di Linberger e Gordon furono controversi a causa delle loro tecniche radicali di controllo della temperatura. 13.Gange e Walters non giunsero esattamente alla stessa conclusione fino a quando il loro risultati non furono verificati da J.D. Smith. Per maggiori informazioni, vedere, Cheese Abstracts 1964, pp.234-239 14.Colby non ricevette mai un appropriato riconoscimento delle sue scoperte nel campo del formaggio, e mori' in poverta'. |
The Internet Connection at MCLI is
Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML