Najčastejšie na určenie veľkosti odsadenia na stránkach HTML sa používajú možnosti jazyka CSS (kaskádové štýly). Aj keď v samotnom jazyku HTML existuje niekoľko „základných“zvyškov, ktoré v niektorých prípadoch umožňujú nastavenie odsadenia. Nižšie sú uvedené možnosti, ktoré sa používajú najčastejšie, ale okrem nich stále existuje veľa rôznych druhov trikov, ktoré vám umožňujú nastaviť zarážky pre neštandardné označovanie dokumentov HTML.
Je to nevyhnutné
Základné znalosti jazykov HTML a CSS
Inštrukcie
Krok 1
Určte prvok stránky, od ktorého sa má odsadiť. Napríklad ak je text umiestnený vo vnútri značky … (blok), potom bude tento blok nadradeným prvkom pre tento text a odsadenie by sa malo počítať od okrajov bloku. A ak text (alebo obrázok) nie je vo vnútri žiadnych blokových (div, li atď.) Alebo vložených (span, p atď.) Prvkov, potom bude jeho rodičom telo dokumentu (značka tela). Definovanie nadradeného prvku pre text je nevyhnutné, pretože je to ten, kto musí nastaviť popisy štýlov, ktoré tvoria zarážky. Predpokladajme, že váš text je umiestnený vo vnútri bloku div: Ukážkový text
Krok 2
Vlastnosť okraja jazyka CSS použite na nastavenie okrajov, to znamená vzdialenosti od okrajov prvku k susedným prvkom, ako aj od okrajov nadradeného prvku. Túto vzdialenosť je možné nastaviť zvlášť pre polstrovanie na každej strane: okraj hore - hore, okraj vpravo - vpravo, okraj dole - dole, okraj zľava - zľava. V príklade vyššie môže tento kód css vyzerať takto: div {
horný okraj: 10px;
pravý okraj: 15 pixelov;
spodný okraj: 40px;
okraj vľavo: 70 pixelov;
} „Div“je selektor, ktorý určuje, že tento štýl by sa mal použiť na všetky prvky div v kóde dokumentu. Syntax CSS umožňuje kombinovať všetky štyri riadky do jedného: div {
okraj: 10px 15px 40px 70px;
} Hodnoty odsadenia musia byť vždy zadané v tomto poradí: najskôr - zhora, potom - vpravo, zdola a zľava. Ak sú odsadenia rovnaké na všetkých stranách, stačí určiť hodnotu raz: div {
okraj: 70 pixelov;
} Okrem toho môžete nastaviť plávajúci vodorovný okraj (to znamená ľavý a pravý). To môže byť veľmi užitočné, keď potrebujete nastaviť blok danej šírky presne do stredu okna prehľadávača. Prehliadač sám určí, koľko odsadenia by malo byť na oboch stranách, ak napíšete nasledujúci príkaz CSS: div {
okraj: 0 auto;
}
Krok 3
Pomocou vlastnosti padding nastavíte odsadenie, čo je vzdialenosť od okraja prvku k akýmkoľvek prvkom umiestneným v ňom, vrátane textu. Syntax pre túto vlastnosť je úplne rovnaká ako pre vlastnosť margin: div {
výplň: 10px;
výplň vpravo: 15px;
polstrované dno: 40px;
výplň vľavo: 70 pixelov;
} Alebo div {
výplň: 10px 15px 40px 70px;
}
Krok 4
Pomocou vlastnosti text-indent nastavíte ďalšie odsadenie pre prvý riadok každého odseku textu. Napríklad: div {
odsadenie textu: 80px;
}
Krok 5
Pomocou atribútov hspace a vspace tagu HTML img nastavte vodorovné a zvislé odsadenie od obrázka po vonkajšie prvky. Napríklad takto:
Krok 6
Ak potrebujete nastaviť odsadenie od okrajov buniek v tabuľke na ich obsah, použite atribút cellpadding značky tabuľky. A atribút cellspacing nastavuje medzery medzi bunkami tabuľky. Napríklad:
| 1 | 2 |
