Aggiungere un capolettera alla tua pagina Web per visualizzare la prima lettera di un paragrafo come le grandi lettere trovate in giornali e manoscritti. Un capolettera deve essere più grande rispetto al resto del testo, e altre lettere dovrebbe avvolgere intorno ad esso. È possibile implementare un capolettera utilizzando uno stile CSS all'interno di una pagina Web HTML.
Istruzioni
1
Aprire l'editor HTML preferito. Caricare il file HTML che si desidera aggiungere il capolettera.
2
Aggiungere un nuovo foglio di stile CSS, o CSS, classe nella parte "< head >" del file HTML. La parte importante è che il tuo stile "galleggia" affinché altri testo avvolge la vostra lettera. Un esempio su come eseguire questa operazione è con il codice:
< style type = "text/css" media = "all" >
.my_drop_cap () {
float: left;
altezza di riga: 1;
dimensione del carattere: 4em;
margine destro: 0.1em;
font-weight: bold;
}
< / stile >
3
Circondano la lettera che si desidera rendere un capolettera in tag "< span >" che corrispondono alla classe creata nell'intestazione. Utilizzando il nostro esempio precedente, aggiungere questo codice nella sezione corpo di codice HTML:
< span class = "my_drop_cap" > M < / span > y lettera capolettera.
4
Salvare il file HTML e caricarlo in un browser Web per vedere il capolettera.
Consigli & Avvertenze
- Le versioni precedenti dei browser Web potrebbero visualizzare alcuni elementi del codice CSS in modi inaspettati. Caricare la pagina HTML in molti browser affinché che esso viene visualizzata correttamente.