Zawartość

• Do kroku
• Metoda 1 z 2: Bieżąca metoda
• Metoda 2 z 2: Nieaktualna metoda
• Porady

Kiedyś podkreślanie w HTML było kwestią umieszczania tekstu między znacznikami u> / u>, ale od tego czasu ta metoda została zastąpiona bardziej wszechstronnym CSS. Podkreślanie na stronach internetowych jest ogólnie uważane za niewygodny sposób podkreślenia określonego fragmentu tekstu. Dzieje się tak, ponieważ podkreślony tekst można łatwo pomylić z łączem.

Do kroku

Metoda 1 z 2: Bieżąca metoda

1. Użyj właściwości text-decoration w swoim stylu CSS. Używanie tagu u> nie jest już odpowiednim sposobem podkreślania tekstu. Zamiast tego używamy właściwości CSS „text-decoration”.
   • Ułatwia to modyfikację kodu, dzięki czemu nie trzeba niczego zmieniać w starym kodzie, jeśli stał się bezużyteczny.
2. Użyj tagu span>, jeśli chcesz podkreślić określoną część tekstu. Umieść znacznik początkowy wraz z właściwością „text-decoration” w miejscu, w którym chcesz rozpocząć podkreślanie. Umieść tag końcowy / rozpiętość> w miejscu, w którym powinno się kończyć podkreślenie.

   span style = "text-decoration: underline;"> To będzie podkreślone./span>

3. Zadeklaruj elementy HTML w części style> strony. Możesz to również zrobić w arkuszu stylów CSS. Podkreślenie można znacznie ułatwić, łącząc styl z elementem HTML. Na przykład, aby podkreślić wszystkie nagłówki poziomu 3, dodaj następujący styl CSS:

   html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Ten nagłówek jest podkreślony / h3> / body> / html>

4. Utwórz klasę CSS, aby szybko ją podkreślić w dowolnym momencie. Możesz tworzyć klasy w swoim arkuszu stylów lub style>, które będą wywoływane później. Klasa może mieć dowolną nazwę.

   html> head> style> .underline {text-decoration: underline; } / style> / head> body> Możesz użyć tej klasy do szybkiego podkreślenia div> / div> z różnych części div> z treści / div> / body> / html>

5. Rozważ inne metody wyróżniania tekstu. Należy unikać podkreślania, aby uniknąć nieporozumień dla czytelnika. Popularną metodą jest użycie tagu em>, który powoduje, że tekst jest pisany kursywą. Możesz użyć CSS, aby dokładniej określić ten znacznik, aby uzyskać unikalny sposób podkreślenia.

   html> head> style> em {color: red; } / style> / head> body> Wszystko wewnątrz elementu em zmieni się na em> kursywa (z powodu ustawień domyślnych) i czerwony / em> ze względu na styl dodany powyżej. / body> / html>

Metoda 2 z 2: Nieaktualna metoda

1. Unikaj używania starych tagów u> / u>. Są one „odradzane”, co oznacza, że ​​nadal działa, ale nie jest już używane ani zalecane. Dzieje się tak, ponieważ HTML zasadniczo nie jest zaprojektowany jako język znaczników. Znacznik u> nadal będzie działał, ale jego celem jest teraz wskazanie tekstu różniącego się od pozostałych tekstów, na przykład błędnie napisanego słowa lub chińskich nazw własnych.
2. Użyj tagu u> / u> do podkreślenia (tylko do celów ilustracyjnych). W żadnym wypadku nie należy ponownie używać tej metody. Warto wiedzieć, w jaki sposób została wykorzystana, na wypadek konieczności zaktualizowania starszej strony internetowej.

   html> body> Ze starym znacznikiem u> w HTML można było szybko podkreślić elementy / u>, ale sprawy szybko się komplikują, gdy używane są inne elementy stylu. Dlatego teraz podkreślamy „tekst dekoracji” elementem CSS. / body> / html>

Porady

• Prawie zawsze istnieje lepszy sposób podkreślenia czegoś na stronie internetowej niż podkreślenie. Może to być bardzo mylące dla czytelników. Uatrakcyjnij swój tekst za pomocą CSS, aby wyróżniał się pozytywnie.