3 - Testo

LINGUAGGIO HTML
Formattazione del testo
Linguaggio HTML - Formattazione del testo

Argomenti trattati
Proprietà del font per tutto il documento
o Esempio 7: Impostare le proprietà del font per tutto il documento
Proprietà del font per una porzione di testo all’interno di un documento
o Esempio 8: Impostare diverse proprietà del font per un paragrafo
Un caso particolare di formattazione: il tag pre
o Esempio 9: Inserire un paragrafo pre-formattato
Attributi di formattazione fisica
o Esempio 10: Applicare gli attributi di formattazione fisica
Attributi di formattazione logica
o Esempio 11: Applicare gli attributi di formattazione logica
Linee orizzontali
Elementi deprecati
Tag: body, basefont, font, pre, b, i, u, s, sup, sub, tt, address, cite, code, dfn, em, kbd, samp,
strong var, hr
Proprietà del font per tutto il documento

All’interno del tag body è possibile utilizzare il tag basefont con i seguenti attributi:
- size, per specificare la dimensione del font di tutto il documento;
- color, per specificare il colore del font di tutto il documento;
- name, per scegliere il tipo di font di tutto il documento.
</body>
<basefont size= “dimensione font” color= “colore font” name= "nome font" >
</body>
- dimensione font è un numero da 1 a 7;

- colore font è uno dei colori visti in precedenza;
- nome font è uno dei font utilizzabili, come Arial, Times New Roman, Helvetica, ecc.
Esempio 7: Impostare le proprietà del font per tutto il documento

esempio7.html
<html>
<head>
<title> Esempio 7 </title>
</head>
<body>
<basefont size="5" color="blue" name="Helvetica">

Il font di questo documento ha dimensione 5, colore blu e nome
Helvetica.

1
Autore: Bocchi Cinzia
Ultimo aggiornamento: 23/09/2008
LINGUAGGIO HTML
</body>
</html>
Proprietà del font per una porzione di testo all’interno di un

documento
All’interno del tag body si utilizza il tag font con i seguenti attributi:
- size, per specificare la dimensione del font;
- color, per specificare il colore del font;
- face, per scegliere il tipo di font.
</body>

TESTO

</body>
- dimensione font è un numero da 1 a 7, se si intende specificare una dimensione assoluta, oppure

un numero da –3 a +3 se si utilizza una dimensione relativa rispetto a quella di default o a quella
indicata con il tag basefont;
- colore font è uno dei colori visti in precedenza;
- nome font è uno dei font utilizzabili, come Arial, Times New Roman, Helvetica, ecc., oppure
una lista di nomi di font separati da virgola; ciò permette di scegliere un font alternativo qualora
il primo non sia presente sulla macchina client.
Esempio 8: Impostare diverse proprietà del font per un paragrafo

esempio8.html
<html>
<head>
</head>
<body>

Il font di questo documento, se non è diversamente
specificato, ha dimensione 5, colore blu e nome Helvetica.



Il font di questo paragrafo ha dimensione 3, colore nero
e nome Times New Roman.


</body>
</html>
2
LINGUAGGIO HTML
Un caso particolare di formattazione: il tag pre

</body>
<pre>
TESTO
</pre>
</body>
Il tag pre consente di visualizzare il testo come un nuovo paragrafo in carattere a spaziatura fissa,
rispettando la formattazione con cui compare nel codice HTML.
Esempio 9: Inserire un paragrafo pre-formattato

esempio9.html
<html>
<head>
</head>
<body>

Il font di questo documento, se non è diversamente
specificato, ha dimensione 5, colore blu e nome Helvetica.

<pre>
Il testo di questo paragrafo è racchiuso
tra i tag pre.
</pre>
</body>
</html>
Attributi di formattazione fisica

I tag seguenti, detti attributi di formattazione fisica, consentono di impostare il carattere così come
descritto di seguito.
 Testo in grassetto (Bold) 
 Testo in corsivo (Italic) 
 Testo sottolineato (Underlined) da evitare per possibile confusione con i link 
<s> Testo barrato </s>
 Apice, esponente 
 Pedice 
<tt> Carattere da telescrivente (TeleType) </tt>
3
LINGUAGGIO HTML
Esempio 10: Applicare gli attributi di formattazione fisica

esempio10.html
<html>
<head>
</head>
<body>

 Testo in grassetto 
 Testo in corsivo 
 Testo sottolineato 
<s> Testo barrato </s> 
Testo con apice 
Testo con pedice 
<tt> Testo con carattere TeleType </tt>

</body>
</html>
Attributi di formattazione logica

I seguenti tag, detti attributi di formattazione logica, consentono di formattare il testo in base alla
funzione che esso svolge, così come descritto di seguito.
<address> Indirizzo per contatti </address>
<cite> Citazione all'
interno di una frase </cite>
<code> Codice o stringa di comandi </code>
<dfn> Definizione </dfn>
 Enfasi 
<kbd> Digitazione da tastiera </kbd>
<samp> Testo esemplificativo </samp>
 Rafforzamento 
<var> Variabile </var>
Esempio 11: Applicare gli attributi di formattazione logica

esempio11.html
<html>
<head>
</head>
<body>

<address> Indirizzo </address> 
<cite> Citazione </cite> 
4
LINGUAGGIO HTML
<code> Codice o comando 

<dfn> Definizione </dfn> 
 Enfasi 
<kbd> Digitazione da tastiera </kbd> 
<samp> Testo esemplificativo </samp> 
 Rafforzamento 
<var> Variabile </var>

</body>
</html>
Linee orizzontali
Il tag singolo hr consente di visualizzare in un documento una linea orizzontale. E'possibile
personalizzare le caratteristiche della linea mediante i seguenti attributi:
– width, per indicare la lunghezza della linea in pixel o in percentuale;
– align, per indicare l'allineamento (left, center, right);
– size, per indicare lo spessore della linea (1 è il valore predefinito);
– noshade, per visualizzare una linea piatta, non tridimensionale o ombreggiata;
Elementi deprecati (specifica HTML 4.01 del W3C)

Tag: basefont, font, s, u
Tutti gli attributi del tag hr
Quest'opera è stata rilasciata sotto la licenza Creative Commons Attribuzione-Non commerciale 2.5 Italia. Per leggere una copia della
licenza visita il sito web http://creativecommons.org/licenses/by-nc/2.5/it/ o spedisci una lettera a Creative Commons, 171 Second
Street, Suite 300, San Francisco, California, 94105, USA.
5

3 - Testo

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

3 - Testo

Diunggah oleh

Hak Cipta:

Format Tersedia

LINGUAGGIO HTML

Formattazione del testo

Linguaggio HTML - Formattazione del testo

Proprietà del font per tutto il documento

- dimensione font è un numero da 1 a 7;

Esempio 7: Impostare le proprietà del font per tutto il documento

Proprietà del font per una porzione di testo all’interno di un

- dimensione font è un numero da 1 a 7, se si intende specificare una dimensione assoluta, oppure

Esempio 8: Impostare diverse proprietà del font per un paragrafo

Un caso particolare di formattazione: il tag pre

Esempio 9: Inserire un paragrafo pre-formattato

Attributi di formattazione fisica

Esempio 10: Applicare gli attributi di formattazione fisica

Attributi di formattazione logica

Esempio 11: Applicare gli attributi di formattazione logica

<code> Codice o comando </u> <br>

Elementi deprecati (specifica HTML 4.01 del W3C)

Anda mungkin juga menyukai