W dokumencie HTML oczywiście jest pisaniepochylony i pogrubiony zgodnie z obowiązującymi wymogami i warunkami pisania. Sam HTML zawiera wiele elementów formatujących tekst, które mają być wyświetlane w przeglądarce pogrubioną, kursywą, podkreśloną i tak dalej.

W tym materiale wyjaśnię jakustaw kursywę i pogrubienie w HTML. Zasadniczo formatowanie tekstu pogrubioną czcionką (pogrubioną czcionką) umożliwia użycie tagów <b> i tagów <strong>, natomiast do formatowania pisma kursywą (kursywą) można użyć tagów <i> i <em>.

Mimo że znacznik <b> i znacznik <strong> są takie samewyświetlić pogrubiony typ w przeglądarce, ale oczywiście metoda i cel użycia są różne. To samo co przy użyciu tagów i tagów <em>. Używanie tagów <b>, <strong>, <i> i <em> jest obsługiwane przez wiele przeglądarek, w tym Google Chrome, Mozilla Firefox, Internet Explorer, Safari i inne.

Zasadniczo formatowanie obejmuje dwa elementymianowicie formatowanie logiczne i formatowanie fizyczne. 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. Znacznik <b> i znacznik <i> są formatowaniem fizycznym, natomiast znacznik <strong> i znacznik <em> są formatowaniem logicznym. Aby uzyskać więcej informacji na temat czterech powyższych tagów, zobacz wyjaśnienie poniżej:

A. Tag <b> i tag <strong>

Wcześniej tag <b> nigdy nie był zalecanyużywane ponownie, ponieważ zostało zastąpione CSS, który obsługuje obsługę wyświetlacza. Ale od czasu pojawienia się HTML5 znacznik <b> został uznany za „przesunięcie stylistyczne”, który jest znacznikiem słowa kluczowego lub innego tekstu, który uważa się za konieczny do odróżnienia od innych tekstów. Podczas gdy silny w HTML5 służy do wskazania, że ​​tekst jest ważny i staje się słowami kluczowymi w wyszukiwarkach (wyszukiwarkach). Jednak w HTML 4.01 znacznik <strong> służy do zdefiniowania silnego nacisku na tekst (wyróżnienie).

Poniżej znajduje się przykład kodu użycia znacznika <b> i znacznika <strong>:

<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Format Tulisan Cetak Tebal<title>
</head>
<body>
<b>Kekinian</b> adalah sebuah website yang terdiri atas berbagai <strong>artikel seputar
IT</strong>.
</body>
</html>

Wyniki po ich wyświetleniu w przeglądarce:

jak zrobić pogrubienie w html

Tutaj robię prezent za pomocą znacznika <b>ponieważ jest uważane za słowo kluczowe i słowo, które należy odróżnić od innych. Chociaż „zbiór interesujących esejów” jest tworzony za pomocą tagu <strong>, ponieważ jest uważany za ważny tekst i używany jako słowa kluczowe / słowa kluczowe w wyszukiwarkach.

W CSS większość przeglądarek wyświetla elementy <b> i <strong> ze stałymi wartościami, tj.
font-weight: pogrubiony.

B. Tag <i> i <em>

Podobnie do tagu <b> i tagu <strong>,Od czasu pojawienia się HTML5 tagi zostały ponownie rozpoznane, ale jako znak, że tekst różni się od innych, takich jak pisanie tytułów książek, wydawcy, adaptacje słów i tak dalej.

Natomiast znacznik <em> oznacza podkreślenie akcentuoznacza to, że jest to tekst, który wymaga szczególnego podkreślenia lub uwagi. Użycie znacznika <em> jest bardzo ważne jako słowo kluczowe w wyszukiwarce.

Poniżej znajduje się przykładowy kod do używania znaczników <i> i <em>:

<!DOCTYPE html>
<html>
<head>
<title>Bentuk Teks Cetak Miring di HTML</title>
</head>
<body>
<i>Indonesia Bersatu</i> adalah judul buku yang mengajarkan kepada kita arti
<em>nasionalisme</em>
</body>
</html>

Wyniki po ich wyświetleniu w przeglądarce:

jak pisać kursywą w html

Z powyższego zdjęcia wynika, że ​​„IndonezjaWielka ”kursywą przy użyciu znacznika <i>, ponieważ jest to tytuł książki. Tymczasem słowo „nacjonalizm” jest kursywą za pomocą znacznika <em>, ponieważ jest to słowo, które należy podkreślić i jest uważane za ważne.

W CSS większość przeglądarek wyświetla elementy <i> i <em> o stałych wartościach, tj. styl czcionki: kursywą. Jeśli już rozumiesz funkcję czterech tagów, zapoznaj się z następnym samouczkiem HTML, w jaki sposób uczynić tekst podkreślonym i przekreślonym w HTML.

</p>
</p>

</article>
Komentarze 0
</main>
</div>