Come fare pedice testo in HTML

September 14

Quando il testo viene indicizzato, si blocca un po 'inferiore rispetto al resto del testo sulla sua stessa riga. Durante la formattazione del testo come pedice in HTML usato per essere gestito con un paio di "<sub>" tag, che non è più il caso. Per separare tutti gli stili di struttura, questa formattazione è stato spostato a Cascading Style Sheets, un linguaggio di stile strettamente associato con l'HTML. Dopo aver aggiunto "<span>" tag in tutto il testo che si desidera pedice, è possibile lo stile utilizzando il valore "sub" di "vertical-align" in CSS. Una volta creato un nome di classe con questo codice CSS, è possibile ri-utilizzare tutte le volte che è necessario all'interno del codice HTML.

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice.

2 Trova il contenuto nel codice HTML in cui si desidera aggiungere il testo pedice:

<P> Questo è un paragrafo che conterrà il testo pedice. </ P>

3 Aggiungere un paio di "<span>" tag in cui si desidera visualizzare il testo pedice. Inserire il testo da pedice all'interno dei "<span>" tag:

<P> Questo è un paragrafo che conterrà <span> pedice </ span> testo. </ P>

4 Aggiungere un nome di classe di "indice" per i "<span>" tag:

<P> Questo è un paragrafo che conterrà <span class = "indice"> pedice </ span> testo. </ P>

È possibile assegnato un nome qualsiasi classe, ma un nome come "indice" è più facile da ricordare e più significativo per chiunque altro che potrebbe essere necessario modificare il codice HTML.

5 Vai alla sezione "<head>" tag nel codice HTML e trovare un paio di "<style>" tag. Se non li vedi, aggiungerli ora:

<Style type = "text / css">
</ Style>

6 Creare una regola di stile per "deponente" all'interno dei "<style>" tag:

<Style type = "text / css">
pedice {
}
</ Style>

7 Aggiungere "vertical-align: sub" per la regola per la classe "Indice". Questo renderà il testo indicizzato, ma è anche necessario modificare le dimensioni del testo per renderlo più piccolo. Modificare la dimensione del carattere con l'aggiunta di "font-size: più piccolo":

<Style type = "text / css">
pedice {

vertical-align: sub;
font-size: smaller;

}
</ Style>

Consigli e avvertenze

  • Se avete bisogno di testo più subscripted nella stessa pagina HTML, aggiungere la classe "Indice" dentro "<span>" o altri tag che circondano il testo.
  • Eseguire il backup pagina Web prima delle modifiche, nel caso in cui si commette un errore e non riesce a trovare in un secondo momento.

Articoli Correlati