Molt sovint, per especificar la mida dels sagnats a les pàgines HTML, s’utilitzen les funcions del llenguatge CSS (Cascading Style Sheets). Tot i que en el propi llenguatge HTML hi ha diverses restes "rudimentàries", cosa que permet en alguns casos establir sagnat. A continuació es mostren les opcions que s’utilitzen amb més freqüència, però, a més, hi ha molts tipus de trucs que us permeten establir sagnats per a l’etiquetatge no estàndard de documents HTML.
És necessari
Coneixements bàsics de llenguatges HTML i CSS
Instruccions
Pas 1
Determineu l’element de pàgina a partir del qual sagnar. Per exemple, si el text es col·loca dins de l'etiqueta … (bloc), aquest bloc serà l'element principal d'aquest text i la sagnia s'ha de comptar a partir de les vores del bloc. I si el text (o la imatge) no es troba dins de cap bloc (div, li, etc.) ni elements en línia (span, p, etc.), el seu pare serà el cos del document (etiqueta del cos). Cal definir un element pare per al text perquè és ell qui necessita establir les descripcions dels estils que formen els sagnats. Suposem que el vostre text es col·loca dins d’un bloc div: Text de mostra
Pas 2
Utilitzeu la propietat de marge de llenguatge CSS per establir marges, és a dir, la distància des de les vores d’un element fins als elements adjacents, així com fins als límits de l’element pare. Aquesta distància es pot establir per separat per al farciment de cada costat: marge superior - superior, marge dret - a la dreta, marge inferior - inferior, marge esquerre - esquerre. Per a l'exemple anterior, aquest codi CSS podria tenir aquest aspecte: div {
marge superior: 10 px;
marge-dreta: 15 px;
marge-fons: 40 px;
marge-esquerra: 70 px;
} Aquí "div" és un selector que especifica que aquest estil s'ha d'aplicar a tots els divs del codi del document. La sintaxi CSS permet combinar les quatre línies en una sola: div {
marge: 10px 15px 40px 70px;
} Els valors dels sagnats sempre s’han d’especificar en aquest ordre: primer - a la part superior, després - a la dreta, a la part inferior i a l’esquerra. Si els sagnats són els mateixos per tots els costats, n’hi ha prou amb especificar el valor una vegada: div {
marge: 70 px;
} A més, podeu establir un marge horitzontal flotant (és a dir, esquerra i dreta). Això pot ser molt útil quan cal establir un bloc d'una amplada determinada exactament al centre de la finestra del navegador. El propi navegador determina automàticament la quantitat de sagnat que hauria de tenir a banda i banda, si escriviu la següent sentència CSS: div {
marge: 0 automàtic;
}
Pas 3
Utilitzeu la propietat de farciment per establir el farciment, que és la distància des de la vora d’un element fins a qualsevol element situat al seu interior, inclòs el text. La sintaxi d'aquesta propietat és exactament la mateixa que per a la propietat de marge: div {
tapa de farciment: 10 px;
farcit-dreta: 15 px;
fons de farciment: 40 px;
farcit a l'esquerra: 70 px;
} O div {
encoixinat: 10 px 15 px 40 px 70 px;
}
Pas 4
Utilitzeu la propietat de sagnat de text per establir el sagnat addicional per a la primera línia de cada paràgraf de text. Per exemple: div {
sagnat de text: 80 px;
}
Pas 5
Utilitzeu els atributs hspace i vspace de l'etiqueta HTML img per establir la sagnia horitzontal i vertical de la imatge als elements externs, respectivament. Per exemple, així:
Pas 6
Utilitzeu l'atribut cellpadding de l'etiqueta de taula si heu d'establir el sagnat des de les vores de les cel·les de la taula fins al seu contingut. I l'atribut espai de cel·les estableix l'espaiat entre les cel·les de la taula. Per exemple:
| 1 | 2 |
