INFORMATICA E GRAFICA PER IL WEB
Psicologia e comunicazione
A.A. 2014/2015
Università degli studi Milano-Bicocca
docente: Diana Quarti
LEZIONE 12
INFORMATICA E GRAFICA PER IL WEB | A.A. 2014/2015 | docente: Diana Quarti
01
IL TAG <SPAN>
Per raggruppare un gruppo di elementi
in linea (esempio una parte di testo) può
essere utile utilizzare il tag <span> per
separarli dal resto.
Il tag <span> non aggiunge nessun
cambiamento visivo o grafico agli
elementi che raggruppa di default.
ESEMPIO DI UTILIZZO
CODICE HTML
<p>The <span class=”fox”>Quick Brown Fox</
span> Jumps Over The <span class=”dog”>Lazy
Dog</span></p>
CODICE CSS
Il tag <span> fornisce un modo per
formattare una parte del testo o una parte
del documento.
.fox {
color: #a45318;
font-weight: bold;
}
Per formattare gli span è utile utilizzare le
classi, in modo da non formattare a priori
tutti i tag <span>
.dog {
color: #1b7b96;
text-transform: uppercase;
}
INFORMATICA E GRAFICA PER IL WEB | A.A. 2014/2015 | docente: Diana Quarti
02
TAG <EM> E <STRONG>
Per raggruppare e mettere in evidenza delle
parti di testo possono essere utili anche i
tag <em> e <strong>.
Il tag <em> serve per enfatizzare parti di
testo e viene renderizzato di default in
corsivo.
Il tag <strong> serve per dare importanza a
parti di testo e viene renderizzato di default
in grassetto.
ESEMPIO DI UTILIZZO
CODICE HTML
<p><em>The Quick Brown Fox</em> è un
<strong>testo di esempio</strong> che viene
usato spesso per visualizzare i caratteri
tipografici perchè contiene praticamente
tutte le lettere dell’alfabeto.</p>
CODICE CSS
strong {
font-weight: bold;
text-transform: uppercase;
}
em {
font-style:italic;
color: #1b7b96;
}
INFORMATICA E GRAFICA PER IL WEB | A.A. 2014/2015 | docente: Diana Quarti
03
© Copyright 2024 ExpyDoc
