Molto spesso, per specificare la dimensione dei rientri nelle pagine HTML, vengono utilizzate le capacità del linguaggio CSS (Cascading Style Sheets). Sebbene nel linguaggio HTML stesso ci siano diversi resti "rudimentali", che consentono in alcuni casi di impostare il rientro. Di seguito sono elencate le opzioni che vengono utilizzate più spesso, ma oltre a queste ci sono ancora molti tipi diversi di trucchi che ti consentono di impostare rientri per markup non standard di documenti HTML.
È necessario
Conoscenza di base dei linguaggi HTML e CSS
Istruzioni
Passo 1
Determina l'elemento della pagina da cui eseguire il rientro. Ad esempio, se il testo è posizionato all'interno del tag … (blocco), allora questo blocco sarà l'elemento genitore per questo testo e il rientro dovrebbe essere contato dai bordi del blocco. E se il testo (o l'immagine) non si trova all'interno di alcun elemento di blocco (div, li, ecc.) o inline (span, p, ecc.), il suo genitore sarà il corpo del documento (tag body). La definizione di un elemento genitore per il testo è necessaria perché è lui che deve impostare le descrizioni degli stili che formano i rientri. Supponiamo che il tuo testo sia posizionato all'interno di un blocco div: Testo di esempio
Passo 2
Utilizzare la proprietà margin del linguaggio CSS per impostare i margini, ovvero la distanza dai bordi di un elemento agli elementi adiacenti, nonché ai bordi dell'elemento padre. Questa distanza può essere impostata separatamente per il padding su ciascun lato: margin-top - in alto, margin-right - a destra, margin-bottom - in basso, margin-left - a sinistra. Per l'esempio sopra, questo codice CSS potrebbe essere simile a questo: div {
margine superiore: 10 px;
margine destro: 15px;
margine inferiore: 40px;
margine sinistro: 70px;
} Qui "div" è un selettore che specifica che questo stile deve essere applicato a tutti i div nel codice del documento. La sintassi CSS consente di combinare tutte e quattro le righe in una: div {
margine: 10px 15px 40px 70px;
} I valori dei rientri devono essere sempre specificati in questo ordine: prima - in alto, poi - a destra, in basso e a sinistra. Se i rientri sono uguali su tutti i lati, è sufficiente specificare il valore una volta: div {
margine: 70px;
} Inoltre, è possibile impostare un margine orizzontale mobile (cioè sinistro e destro). Questo può essere molto utile quando è necessario impostare un blocco di una determinata larghezza esattamente al centro della finestra del browser. Il browser stesso determina automaticamente la quantità di indentazione che dovrebbe essere su entrambi i lati, se scrivi la seguente dichiarazione CSS: div {
margine: 0 automatico;
}
Passaggio 3
Usa la proprietà padding per impostare padding, che è la distanza dal bordo di un elemento a qualsiasi elemento posizionato al suo interno, incluso il testo. La sintassi per questa proprietà è esattamente la stessa della proprietà margin: div {
imbottitura: 10px;
padding-right: 15px;
padding-bottom: 40px;
padding-left: 70px;
} O div {
imbottitura: 10px 15px 40px 70px;
}
Passaggio 4
Utilizzare la proprietà text-indent per impostare il rientro aggiuntivo per la prima riga di ogni paragrafo di testo. Ad esempio: div {
rientro del testo: 80px;
}
Passaggio 5
Utilizzare gli attributi hspace e vspace del tag HTML img per impostare rispettivamente il rientro orizzontale e verticale dall'immagine agli elementi esterni. Ad esempio, in questo modo:
Passaggio 6
Usa l'attributo cellpadding del tag della tabella se devi impostare il rientro dai bordi delle celle della tabella al loro contenuto. E l'attributo cellspacing imposta la spaziatura tra le celle della tabella. Per esempio:
| 1 | 2 |
