Rám s HTML - jak to funguje
Chcete-li, aby média na vašem webu byla přitažlivější, můžete pomocí kódu HTML nakreslit rámeček kolem něj. V tomto praktickém tipu vám ukážeme, jak to funguje a jaké výhody nabízí kaskádové styly (CSS) při definování rámce.
HTML kódování - nakreslete rámečky kolem obrázků a dalších médií
Ve výchozím nastavení má každý obraz rámeček široký jeden pixel. To je však viditelné pouze v případě, že je obrázek použit jako hypertextový odkaz. S atributem "ohraničení" můžete individuálně definovat tloušťku rámu.
- V HTML vypadá kód pro desetimístný černý rámeček takto:
- Tento rámeček je aplikován na všechny čtyři strany objektu.
- Alternativně můžete použít program pro úpravu obrázků, jako je Gimp, k nakreslení rámečku kolem obrázku.
- Mějte však na paměti, že tím se obrázek zvětší a návštěvníkovi vašeho webu to potrvá déle, než jej stáhne.
Definujte rámeček v dokumentu HTML pomocí CSS
Rámeček - například rámeček kolem textu - můžete definovat pomocí kaskádových stylů ještě přesněji.
- Další praktický tip vám řekne, jak integrovat soubor CSS do vašeho webu.
- V tomto dokumentu CSS můžete nastavit barvu a tloušťku rámečku pro všechny čtyři stránky odlišně:
- border-bottom: # 999 - Nastaví barvu dolního rámečku. Zde můžete také použít „ohraničení nahoru“, „ohraničení doprava“ nebo „ohraničení vlevo“.
- border-width: 0 0 tenký - Určuje tloušťku čáry. To se provádí ve směru hodinových ručiček. Zde to znamená, že nahoře a napravo nejsou vidět žádné čáry, zatímco dole a vlevo je definována tenká čára.
- border-style: none none groove groove - Definuje dekorativní rámeček pro váš obrázek nebo krabici. Styl „drážky“ vytváří 3D efekt.
Vaše domovská stránka přirozeně žije ze své přítomnosti na internetu. V dalším článku si přečtete nejlepší tipy pro zlepšení hodnocení Google.