Appunti per approfondire HTML: livello_avanzato - Miscellanea57

capperi
Il computer: l'universo in casa ...
il computer l'universo in casa
Vai ai contenuti
Appunti di informatica > HTML > Argomenti trattati: introduzione, basefont, font, links, misura del testo.

Inserire Testo - introduzione -.
Non conoscendo assolutamente niente di HTML, iniziamo a vedere come fuziona il "testo" , passeremo poi alla sezione link, per finire a ragionare sui colori esadecimali.
Dunque; per inserire un testo nelle noste pagine, dobbiamo semplicemente scriverlo senza specificare particolari attributi poichè questo assumerà i valori di default (dimensione, font, eccetera) del browser del visitatore.
Rammentiamo che i browser, possono mostrare solamente i font - caratteri - disponibili sul computer del visitatore, ragion per cui, cercheremo di usare i font disponibili per la maggioranza dei p.c.
Comunque, se proprio vogliamo usare font fuori dalla norma, faremo bene ad usare il nostro programma di grafica e trattare il testo come un'immagine.
Con questo procedimento, siamo sicuri che il visitatore sarà in grado di ricevere il nostro font particolare, anche se questo non è contenuto nel suo computer.
Teniamo presente che, le immagini a differenza del testo, occupano maggior spazio e quindi, aumenterà il tempo di scarico.
Cerchiamo quindi di limitare il più possibile questa procedura.
Negli appunti che seguiranno, vedremo come personalizzare gli attributi dei font, sia per i testi normali che per quelli funzionanti come links.
Vedremo inoltre come controllare l'allineamento del testo sulla pagina.


Testo HTML: BASEFONT.
Per specificare il font principale della nostra pagina, aggiungiamo  il tag <basefont> (font di base) all'inizio della sezione <body>.

Esempio: la pagina come appare nel browser.
Benvenuti! Questa è la mia pagina.Il testo è tutto uguale perché ho specificato soltanto un basefont.

HTML: Il codice per produrre l'esempio pecedente.

L'attributo colore (color="#FFFFFF"
)seleziona il colore prescelto per il tuo testo. L'attributo face seleziona il font desiderato.

Note:
inserendo una lista di font, come nell'esempio, il browser userà il primo font della lista disponibile sul computer del visitatore.
L'attributo size (misura) specifica la misura desiderata, tra 1 (la più piccola) e 7 (la più grande).

... Quando il tag <font> cambia il font.

Esempio: come appare il comando nel browser.



HTML: Il codice per produrre l'esempio precedente.

L'attributo colore seleziona il colore prescelto per il tuo testo. L'attributo face seleziona il font desiderato.

Nota:
Se inserisci una lista di font, come nell'esempio, il browser userà il primo font della lista disponibile sul computer del visitatore.

Testo HTML: LINKS DI TESTO.
I tag che si adoperano per creare link sono <a> e </a>.
Il tag <a> definisce l'inizio del link, mentre </a> ne indica la fine; tutto quello che sta tra questi due tag si comporterà come un link.
La meta del link si aggiunge al tag <a> usando il comando href="http://www.stefano-lodi.eu" .
L'esempio qui sotto mostra come far sì che la parola qui diventi un link per le pagine di stefano.

Clicca <a href="http://www.stefano-lodi.eu">qui</a> per andare su stefano.

Devi solamente:
• Specificare la meta nel <a href=" ">.
• Poi aggiungere il testo che fa partire il link.
• Infine aggiungere un tag </a> per indicare la fine del liink.

Testo HTML: MISURA DEL TESTO.
Questi sono i tag per cambiare la dimensione del carattere.

<big>testo </big> per aumentare le dimensioni del testo di uno.
<small>testo </small> consente di ridurre le dimensioni del testo di uno.
<h1>
testo </h1> scrive il testo nella voce più grande.
<h6>
testo </h6> scrive il testo nella voce più piccola.
< font size = "1" >
testo </font> scrive il testo nel più piccolo fontsize (8 pt) .
< font size = "7" >
testo </font> scrive il testo nella più grande fontsize (36 pt).
Nota: Se nessuna delle misure qui sopra va bene, è consigliabile salvare il testo come un'immagine e poi, inserire l'immagine sulla pagina.
I tag <small> e <big> hanno la particolarità di poter essere ripetuti; volendo aumentare la misura del font di un fattore due, ecco come possiamo fare:

bla bla bla <big><big>qualcosa</big></big> bla bla bla

Alcuni esempi di colori in esadecimale
Progettazione del testo: ...

Dopo aver provato i primi rudimenti d'inserimento codice per agire sul testo della nostra pagina web, cerchiamo di utilizzare altri tags per controllare il layout o l'impaginazione; consultiamo le procedure nelle tabelle che seguono....

Appunti di informatica > HTML > Argometi trattati: progettazione del testo.

Codice html

Che cosa ottengo?

<p>text</p>

Aggiunge un'interruzione di paragrafo dopo il testo.

<p align="left">text</p>

Giustifica a sinistra il testo nel paragrafo.

<p align="center">text</p>

Testo centrale nel paragrafo.

<p align="right">text</p>

Giustifica a destra il testo nel paragrafo.

text<br>

Aggiunge una singola interruzione di riga dove c'è il tag.

<nobr>text</nobr>

Elimina gli "a capo" automatici anche se il testo è più esteso della finestra.

text<wbr>

Permette al browser di inserire un "a capo"
esattamente in questo puntoanche se il testo è compreso tra tags <nobr>.

<center>text</center>

Testo centrale.

<div align="center">text</div>

Testo centrale.

<div align="left">text</div>

Testo giustificato a sinistra.

<div align="right">text</div>

Testo giustificato a destra.


Tag di Layout, di seguito:.....

Vediamo esempi di alcune differenze nella gestione del testo:

Appunti di informatica > HTML > Argometi trattati: progettazione del testo.

Codice html

Che cosa ottengo?

Ciao come stai

In html non succede niente senza interruzzioni di riga.

<p >per inserirle</p>

per inserirle

<p align="right">avremo bisogno di</p>

avremo bisogno di

<p align="left">Tags speciali</p>

Tags speciali

che inseriscano<br>interruzzioni di riga <br>dove<br>vogliamo.<br><br>

che inseriscano
interruzioni di riga
dove
vogliamo.

<br>
Un altro metodo è quello di scrivere una frase, che sia abbastanza lunga per forzare un'interruzione di riga.<br>
<br>

Un altro metodo è quello di scrivere una frase, che sia abbastanza lunga per forzare un'interruzione di riga.

<nobr>questo può tuttavia essere superato<wbr>con il tag nobr,<wbr>a meno che non venga usato per forzare l'interruzzione riga.</nobr>

questo può tuttavia essere superato con il tag nobr, a meno che non venga usato per forzare l'interruzzione riga.

<center>con questi tags possiamo centrare</center>e tornare indietro<divalign="center">e poi tornare al centro</div>

con questi tags possiamo centrare

e tornare indietro

e poi tornare al centro

<div align="left">possiamo andare a sinistra</div>

possiamo andare a sinistra

<div align="right">oppure a destra</div>

oppure a destra


Guestbook
Cerca in questo sito
Torna ai contenuti