Nauka HTML Część 7: Jak tworzyć posty z podkreśleniami i paskami w HTML

W tym materiale omówięformatowanie tekstu, który służy do podkreślenia i przekreślenia tekstu. Aby utworzyć podkreślony tekst, używana jest para znaczników . Następnie dla przekreślonego tekstu, takiego jak „~~bazgroły~~", Do tego typu formatu używane są trzy tagiten tekst to tag <strike>, tag <s> i tag <del>. Trzy tagi, które wyświetlają przekreślony tekst, z pewnością mają różnice, które zostaną wyjaśnione poniżej.

Jak powiedziałem wcześniejformatowanie składa się z dwóch elementów, mianowicie formatowania logicznego i fizycznego. Formatowanie fizyczne służy do formatowania tekstu w charakterystyce tekstu, natomiast formatowanie logiczne służy do formatowania tekstu zgodnie z zawartością lub zawartością tekstu. Znaczniki , <s>, <strike> i <del> to grupa formatowania fizycznego.

W celu dalszej dyskusji rozważmy wyjaśnienie tekstu podkreśleniem i bazgrołem poniżej:

A. Pisz podkreślam

Jak wspomniano wcześniej, tymoże użyć znacznika dla formatu podkreślenia. Tam, gdzie znacznik wskazuje początek podkreślonego tekstu, a znacznik wskazuje koniec podkreślonego tekstu.

Oto przykład użycia znacznika :

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
</head>
<body>
<u>Tulisan Ini Digaris Bawahi</u>
</body>
</html>

Po otwarciu w przeglądarce wyniki będą wyglądać jak na poniższym obrazku:

Zasadniczo znacznik jest obsługiwany tylko przez HTML 4.01 i nie jest obsługiwany przez HTML5. Powodem jest to, że znacznik można już zastąpić za pomocą CSS dekoracja tekstu: podkreślona.

Oto przykład użycia CSS do podkreślenia tekstu:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
<style type="text/css">
h4{
text-decoration: underline;
}
</style>
</head>
<body>
<h4>Tulisan Ini Digaris Bawahi</h4>
</body>
</html>

Po otwarciu w przeglądarce wyniki będą wyglądać jak na poniższym obrazku:

B. Posty z bazgrołami

Aby efekt pisania został przekreślony na tekściemoże używać znaczników <s>, <strike> i <del>. Gdzie wszystkie trzy tagi są wyświetlane w tej samej formie w przeglądarce, tzn. Tekst jest przekreślony. Oto przykład użycia tych trzech tagów:

<html>
<head>
<title>Teks dengan Coretan di HTML</title>
</head>
<body>
<s>Lihat Ini Tulisannya Dicoret</s><br>
<strike>Lihat Ini Tulisannya Dicoret</strike><br>
<del>Lihat Ini Tulisannya Dicoret</del><br>
</body>
</html>

Po otwarciu w przeglądarce wyniki będą wyglądać jak na poniższym obrazku:

Widziane z powyższego obrazu, wizualnie włączoneprzeglądarka nie ma absolutnie żadnej różnicy między tymi trzema, ale pod względem użytkowania i znaczenia różnią się. Po pierwsze, znacznik <s> jest skrótem Przekreślenia, który powoduje przekreślenie tekstu. W HTML 4.01 przekreślanie tekstu za pomocą znacznika <s> nie zawiera żadnego znaczenia, jest to tylko forma formatu tekstowego wyświetlająca tekst z przekreśleniem. Natomiast w HTML5 znacznik <s> służy do definiowania tekstu do poprawienia (nie jest już poprawny).

Po drugie, tagi del i strike działają razemwyświetlać przekreślony tekst w tym sensie, że jest niepoprawny lub usunięty. Po trzecie, rzeczywiście tagi del i strike mają tę samą funkcję, różnica polega na tym, że tagi strike pochodzące z HTML 4.0.1 nie są już obsługiwane przez HTML5, ponieważ są już uważane za przestarzałe (nie zalecane do użycia i mogą nie być obsługiwane przez przeglądarki internetowe). Tymczasem tag <del> jest nadal obsługiwany przez HTML5.

Element <del> ma kilka atrybutów, w tym:

Atrybut	Funkcja
Datetime	Określa datę i godzinę przekreślenia lub usunięcia tekstu
Cytuj	Określa adres URL dokumentu, który wyjaśnia, dlaczego tekst został usunięty lub przekreślony

W CSS większość przeglądarek wyświetla elementy <s> i <del> o stałych wartościach, tj. dekoracja tekstu: line-through.

Teraz musisz zrozumieć tę funkcjęz tagów opisanych powyżej. Następny samouczek HTML dotyczy używania indeksu górnego, indeksu dolnego, małych i zaznaczonych elementów tekstowych, aby dowiedzieć się więcej o formatowaniu tekstu w HTML.

Czytaj więcej: