Jak podkreślić tekst w HTML (z ilustracjami)

Nieaktualna metoda podkreślenia w HTML jest używanie znaczników, ale obecnie używana jest nowoczesna metoda oparta na CSS. Podkreślenie jest uważane za zły sposób zwrócić uwagę na tekst, ponieważ podkreślony tekst jest łatwy do potwierdzenia w odniesieniu.

Kroki

Metoda 1 z 2:

Nowoczesna metoda

jeden. Użyj właściwości dekoracji tekstu w CSS. Obecnie tag Nie stosowany do podkreślenia tekstu.

Jeśli dodasz tę właściwość, nie musisz zmieniać kodu w przyszłości, gdy stare znaczniki wychodzą z cyrkulacji.

2. Użyj tagu, aby podkreślić określony fragment tekstu. Wprowadź znacznik otwierania z właściwością "Tekst" przed tekstem, aby podkreślić. Na końcu tekstu wprowadź tag zamykający .

 Styl ="Dekoracja tekstowa: Podkreśl-"> Ten tekst zostanie podkreślony.

3. Określ elementy HTML w sekcji Można to również zrobić za pomocą tabeli stylu CSS. Na przykład, aby podkreślić wszystkie nagłówki poziomów 3, dodaj następujący kod do sekcji "Styl":

 {Dekoracja tekstowa: podkreśla-}Ten tytuł zostanie podkreślony

cztery. Utwórz klasę CSS, aby szybko podkreślić tekst. W arkuszu stylu lub sekcji

 {Dekoracja tekstowa: podkreśla-}Użyj tej klasy dla klasy ="Podkreślać"> Szybki podkreślenie

Różna klasa ="Podkreślać"> Elementy

pięć. Pomyśl o innych sposobach wyboru tekstu. Zalecamy unikanie podkreślenia, aby nie mylić użytkowników. Lepiej jest zastosować tag , Przeznaczyć tekst kursywą. Użyj CSS, aby dodać do tego znacznika Inne ustawienia stylu.

 {Kolor czerwony-}Wszystko, co jest w elemencie EM, zostanie przydzielone w kursywności (domyślnie), a także pomalowane na czerwono z powodu dodatkowych parametrów stylów.

Metoda 2 z 2:

Przestarzała metoda

jeden. Unikaj używania starych tagów . Są przestarzałe - oznacza to, że te tagi nadal działają, ale starają się nie używać ani nie zalecają stosowania. Wynika to z faktu, że HTML nie ma na celu skonfigurowania stylu treści. Etykietka Nadal działa, ale należy przesłać tekst inny niż inny tekst, na przykład słowa z błędami lub chińskimi nazwami własnych.

2. Użyj tagów, aby podkreślić elementy (tylko dla demonstracji). Praktycznie nie ma przypadku, gdy trzeba użyć tych tagów. Być może będziesz musiał edytować starej witryny, więc lepiej być świadomym, że są określone tagi.

Stary HTML-Tagzolavolya, aby szybko podkreślić elementy, ale jeśli dotykały się inne elementy stylu, wszystko stało się chaotyczne. Dlatego element CSS "Tekst dekoracji" jest teraz używany do podkreślenia.

Rada

Prawie zawsze istnieje lepszy sposób na podświetlenie treści na stronie internetowej niż podkreślenie. Podkreślenie może pomylić użytkowników. Pomyśl o podświetleniu tekstu za pomocą CSS.