Nwlapcug.com


Come fare una capolettera prima lettera in formato HTML

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.