Come rientrare il testo con HTML

September 16

Come rientrare il testo con HTML


Anche se puro HTML ha lo scopo di strutturare piuttosto che stendere il contenuto della pagina web, il linguaggio di markup include tag che possono essere utilizzati per rientrare il testo. Dal momento che il World Wide Web Consortium incoraggia l'uso di CSS o Cascading Style Sheets per formattare i contenuti, specifica due proprietà dei fogli di stile per rientrare il testo. Infine, HTML fornisce un modo straight-forward forza bruta di rientro con l'inserimento di una entità HTML o un carattere speciale di fronte al vostro testo.

Gli spazi non divisibili

L'entità carattere di spazio HTML unificatore funziona allo stesso modo la barra spaziatrice sulla tastiera. Invece di premere un tasto di vero e proprio per far rientrare una sola riga o la prima riga di un paragrafo, tuttavia, digitare l'entità carattere HTML & nbsp; anziché. Ad esempio, per far rientrare cinque spazi, inserire il seguente codice direttamente prima della riga di testo:

& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Block Quote Tag

tag Usa HTML <blockquote> per il testo trattino cinque spazi a destra. Il tag <blockquote> ha lo scopo di impostare a parte sito informazioni citate da qualcun altro dal resto del testo sulla sulla pagina. A differenza dello spazio non-breaking, tuttavia, i tag <blockquote> trattini ogni riga del testo che contiene.

modelli di siti web, software di blogging o applicazioni Web possono includere codice CSS per le proprietà dei font, sfondo-colori, bordi, padding o dei margini che formatta il blockquotes in modi che possono non essere opportuno o necessario. Usa il codice CSS in linea per ignorare stili blockquote predefinite. Ad esempio, lo stile di rimuovere i bordi da blockquotes si utilizzano per rientrare il testo sarà simile il codice qui sotto:

<Blockquote style = "border: none"> Il vostro testo rientrato </ blockquote>

<Pre> tag

L'HTML <pre> tag forza il browser per visualizzare il testo formattato il modo in cui è stata digitata. Utilizzare la barra spaziatrice o il tasto Tab per rientrare il testo nel modo che preferite. Aggiungere rientro a una o tutte le righe di testo che comprendono tra i tag <pre> coppia di tag. A differenza del tag <blockquote>, tuttavia, è possibile inserire il numero di schede o spazi come si desidera in davanti a ogni riga di testo. Poiché le pagine Web sono file di solo testo, l'editor HTML converte le tabulazioni in spazi.

Il numero di spazi che i vostri inserti editor HTML non può essere lo stesso numero di spazi che visualizzerà il browser Web, tuttavia.

Rientro Con i CSS

Utilizzare le proprietà CSS text-trattino o margin-left di rientrare il testo. La proprietà text-trattino sarà rientrare la prima riga di testo tra un <p> o <div> associare una specifica lunghezza piuttosto che un determinato numero di spazi o tabulazioni. Ad esempio, aggiungere il seguente stile di una coppia di tag <p> per rientrare la prima riga di testo che contiene 10 pixel:

style = "text-indent: 10px"

Rientro tutte le linee all'interno del paragrafo o div utilizzando la proprietà margine. Per esempio style = "margin-left: 10px" (includere le virgolette) aggiunge 10 pixel di spazi vuoti alla sinistra di tutto il testo tra una coppia di tag <p> o <div>.

Rendere le norme margini o text-trattino di rientro si applicano a tutti i tag <p> o <div> all'interno di una pagina Web o un intero sito web, aggiungendoli a un foglio di stile interno o esterno. Ad esempio, i seguenti trattini stile tutti i documenti paragrafi 10 pixel a destra:

p {text-trattino-sinistra: 10px;}