Contenuto
Aggiungi un capitolo a una pagina Web per far apparire la prima lettera di un paragrafo come le grandi lettere trovate nei libri e nei giornali. Deve essere più grande del resto del testo e le altre lettere dovrebbero essere avvolte attorno ad esso. È possibile implementare una lettera capitolare utilizzando uno stile CSS all'interno di una pagina HTML.
indicazioni
Impara come fare una lettera maiuscola in HTML (Immagini di Comstock / Stockbyte / Getty Images)-
Apri un editor HTML e carica il file che desideri aggiungere al capitolo.
-
Aggiungi un nuovo foglio di stile CSS o una classe CSS nella parte header () del file HTML. L'importante è che lo stile "galleggi" in modo che un altro testo circonda la lettera. Un esempio di come farlo è con il seguente codice:
type = "text / css" media = "all"> .my_drop_cap {float: left; altezza della linea: 1; font-size: 4em; margin-right: 0.1em; font-weight: bold; } -
Chiudi la lettera che vuoi fare capitulate con i tag "", che corrispondono alla classe che è stata creata nell'intestazione. Utilizzando l'esempio precedente, aggiungi questo codice nella sezione body di HTML:
La mia lettera di capolettera.
-
Salvare il file HTML e caricarlo in un browser Web per vedere il capitolare.
avvertimento
- Le versioni precedenti dei browser potrebbero visualizzare determinati codici CSS in modi imprevisti. Carica la pagina HTML su più browser per assicurarti che venga visualizzata correttamente.