Inserimento del testo

Area dedicata al linguaggio HTML. Nozioni di base,esempi,script,programmazione
Bloccato
RobotphpBB

Inserimento del testo

Messaggio da RobotphpBB »



Per inserire un testo nelle tue pagine - devi semplicemente inserire il testo.

Non specificando particolari attributi per il testo, questo assumerà i valori di default (dimensione, font, eccetera) del browser del visitatore.



I browsers possono soltanto mostrare i font disponibili sul PC del visitatore.

In questo modo, devi limitarti ad usare i font che sono disponibili per la maggiornaza dei computer.

Se ti va di usare un font fuori dalla norma, faresti bene ad usare il tuo programma di grafica e trattare il testo come un'immagine. Con questo procedimento puoi essere sicuro che il visitatore sarà in grado di ricevere il tuo font particolare, anche se questo non è contenuto nel suo computer.

Siccome le immagini prendono più spazio di un semplice testo, aumentando così il tempo di scarico, cerca di limitare il più possibile questa opzione.

BASEFONT


Per specificare il font principale della tua pagina, aggiungi il tag <basefont> (font di base) all'inizio della sezione <body>.

Esempio: la pagina come appare nell browser.

Codice: Seleziona tutto

Ciao! Questa è la mia pagina.
Il testo è tutto uguale
perché ho specificato soltanto un basefont.
HTML: Il codice per produrre l'esempio qui sopra.

Codice: Seleziona tutto

<html>
<head>
<title>my page</title>
</head>

<body>
<basefont face="arial, verdana, courier" size="4" color="#FFFFFF">
Ciao! Questa è la mia pagina.<br>
Il testo è tutto uguale<br>
perché ho specificato soltanto un basefont.<br>
</body>
</html>
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.

L'attributo size (misura) specifica la misura desiderata, tra 1 (la più piccola) e 7 (la più grande).

FONT



Il tag <font> cambia il font.

Esempio: come appare il comando nel browser.
[c]Ciao! Questa è la mia pagina.

Questa parte di testo è diversa.

Questo testo è come la prima riga.[/c]


HTML: Il codice per produrre l'esempio qui sopra.

Codice: Seleziona tutto

<html>
<head>
<title>My Page</title>
</head>

<body>
<basefont color="#FFFFFF" face="arial" size="4">
Ciao! Questa è la mia pagina .<br><br>
<font color=#00FF00 face=arial size=2>
Questa parte di testo è diversa.
</font>
<br><br>
Questo testo è come la prima riga.
</body>
</html>

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.

LINKS DI TESTO



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.miosito.com"

L'esempio qui sotto mostra come far far sì che la parola qui diventi un link per yahoo.

Clicca <a href="http://www.miosito.com">qui</a> per andare su yahoo.

Devi soltanto:

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.

GRANDEZZA DEL TESTO

testo.png
Nota:
Se nessuna delle misure qui sopra va bene, ti consigliamo di salvare il testo come un'immagine, e poi di inserire l'immagine sulla pagina.

I tag <small> e <big> hanno la particolarità di poter essere ripetuti. Se vuoi aumentare la misura del font di un fattore due, ecco come puoi fare:

<big><big>il tuo testo</big></big>

PROGETTAZIONE DEL TESTO


Questi tags servono a controllare il layout.
spiegazione.png

Esempio: la differenza tra tag di layout:

layout.png
Nota in particolare la differenza tra i tag <p> e <div>. Il tag <div> ti permette di giustificare il contenuto senza essere costretto ad aggiungere una doppia interruzione di riga.

Ancora, osserva che questi tag di allineamento non si limitano al solo testo. Funzionano su testo, immagine, o su tutto quello che si vuole inserire nella pagina.

fonte:echoecho
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Bloccato