Come creare una lettera di capitolo in HTML

Autore: Clyde Lopez
Data Della Creazione: 21 Agosto 2021
Data Di Aggiornamento: 3 Maggio 2024
Anonim
Corso HTML COMPLETO gratis: da PRINCIPIANTE a ESPERTO
Video: Corso HTML COMPLETO gratis: da PRINCIPIANTE a ESPERTO

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)
  1. Apri un editor HTML e carica il file che desideri aggiungere al capitolo.

  2. 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; }
  3. 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.

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