Jak podtrhnout text v html (s obrázky)

Starší metodou podtržení HTML je použití značek, ale nyní se používá moderní metoda založená na CSS. Podtržení je považováno za špatný způsob, jak upozornit na text, protože je snadné zaměnit podtržený text s odkazem.

Kroky

Metoda 1 ze 2:

Moderní metoda

jeden. Použijte vlastnost „textová výzdoba“ v CSS. Aktuálně značka neplatí pro podtržení textu.

Přidáním této vlastnosti nemusíte v budoucnu měnit svůj kód, když staré značky vyjdou z oběhu.

2. Pomocí značky můžete podtrhnout konkrétní část textu. Před text, který chcete podtrhnout, zadejte počáteční značku spolu s vlastností „text-decoration“. Na konec textu zadejte uzavírací značku .

 style = "text-decoration: underline ;"> Tento text bude podtržený.

3. V sekci zadejte prvky HTML Lze to provést také pomocí šablony stylů CSS. Chcete-li například podtrhnout všechny nadpisy úrovně 3, přidejte do části „styl“ následující kód:

 {text-decoration: underline-}Tento nadpis bude podtržen

4. Vytvořte třídu CSS pro rychlé podtržení textu. V šabloně stylů nebo sekci

 {text-decoration: underline-}Tuto třídu použijte pro class = "underline"> rychlé podtržení

different class = "underline"> elements

Pět. Přemýšlejte o dalších způsobech zvýraznění textu. Doporučujeme vyhnout se podtržení, aby nedošlo k matení uživatelů. Lepší je použít značku , aby byl text kurzívou. Pomocí CSS přidejte do této značky další možnosti stylingu.

 {červená barva-}Všechno v prvku „em“ bude kurzívováno (ve výchozím nastavení) a také barevně červeně díky dalším možnostem stylingu.

Metoda 2 ze 2:

Zastaralá metoda

jeden. Nepoužívejte staré značky . Jsou zastaralé - to znamená, že tyto značky stále fungují, ale zkouší se je nepoužívat nebo se jejich použití nedoporučuje. Důvodem je, že HTML nemá za cíl přizpůsobit styl obsahu. Štítek stále funguje, ale musí představovat text odlišný od ostatního textu, například chybně napsaná slova nebo čínská vlastní jména.

2. Pomocí značek podtrhněte prvky (pouze ukázka). Prakticky neexistuje žádný případ, kdy byste tyto značky potřebovali použít. Možná budete muset upravit starý web, takže je nejlepší vědět, jaké jsou zadané značky.

Stará značka HTML umožnila rychle podtrhnout prvky, ale pokud se dotknete jiných prvků stylu, věci se staly chaotickými. Proto nyní k podtržení používají prvek CSS „textová výzdoba“.

Tipy

Téměř vždy existuje lepší způsob, jak zdůraznit obsah na webové stránce, než podtržení. Podtržení může uživatele zmást. Přemýšlejte o tom, jak zvýraznit text pomocí CSS.