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. -

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

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

Autore: Bocchi Cinzia Ultimo aggiornamento: 23/09/2008

1

LINGUAGGIO HTML Formattazione del testo

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. TESTO -

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

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.

Autore: Bocchi Cinzia Ultimo aggiornamento: 23/09/2008

2

LINGUAGGIO HTML Formattazione del testo

Un caso particolare di formattazione: il tag pre <pre> TESTO 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

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.

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 <sup> Apice, esponente <sub> Pedice Carattere da telescrivente (TeleType)

Autore: Bocchi Cinzia Ultimo aggiornamento: 23/09/2008

3

LINGUAGGIO HTML Formattazione del testo

Esempio 10: Applicare gli attributi di formattazione fisica esempio10.html

Testo in grassetto
Testo in corsivo
Testo sottolineato
<s> Testo barrato
Testo con <sup> apice
Testo con <sub> pedice
Testo con carattere TeleType

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.

Indirizzo per contatti

Citazione all' interno di una frase Codice o stringa di comandi Definizione <em> Enfasi Digitazione da tastiera <samp> Testo esemplificativo <strong> Rafforzamento Variabile

Esempio 11: Applicare gli attributi di formattazione logica esempio11.html

Indirizzo

Citazione
Autore: Bocchi Cinzia Ultimo aggiornamento: 23/09/2008

4

LINGUAGGIO HTML Formattazione del testo

Codice o comando
Definizione
<em> Enfasi
Digitazione da tastiera
<samp> Testo esemplificativo
<strong> Rafforzamento
Variabile

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.

Autore: Bocchi Cinzia Ultimo aggiornamento: 23/09/2008

5