Come fare Capilettere in HTML

August 6

Un capolettera è la lettera grandi capitali spesso si vede all'inizio di un paragrafo di un libro o una rivista. Si può imitare questo stile piuttosto stretto contatto con codifica HTML, anche se sarà necessario anche l'assistenza di un foglio di stile CSS. Perché si dovrebbe già avere un file CSS per il vostro sito web HTML, l'aggiunta di un capolettera significa semplicemente creare una nuova voce CSS e fa riferimento a esso nel file HTML in loco.

istruzione

1 Aprire il file CSS si usa per il tuo sito. Questo file controlla le cose come testo, i bordi dell'immagine e l'allineamento.

2 Aggiungere un nuovo segmento al file CSS che descrive il corpo del testo. Ad esempio, "body {font: 90% / 2.0 Arial, Helvetica, sans-serif;}". Questo determina il modo normale appare il corpo del testo.

3 Creare una voce che controlla il capolettera. Questo qualcosa sarà simile a questa: .firstletter {float: left; font-size: 2em; line-height: 1; font-weight: bold; margin-right: 1em; }. La parte ".firstletter" di questo codice è il nome del tag capolettera. È possibile il nome "dropcap" o "bigcaps" se lo si desidera.

4 Salvare e chiudere il file CSS, quindi aprire il file HTML a cui si desidera aggiungere una voce capolettera.

5 Inserire il tag "firstLetter" nel codice HTML di dire la pagina di cui ha bisogno per cercare la voce nel file CSS. A titolo di esempio, una frase con un capolettera sarebbe simile: <p> <span class = "firstLetter"> T </ span> ggi era caldo fuori. In questa frase, la "T" esistente tra i due tag span, e la classe dei tag è "firstLetter", che è quello che avete chiamato la voce capolettera.

Consigli e avvertenze

  • È inoltre possibile creare capilettera caricando immagini per ogni lettera maiuscola, mettendo poi il tag di immagine all'inizio di una frase.