HTML
Formatowanie tekstu
Szukaj…
Wprowadzenie
Podczas gdy większość znaczników HTML służy do tworzenia elementów, HTML zapewnia także znaczniki formatowania w tekście, aby zastosować określone style związane z tekstem do części tekstu. Ten temat zawiera przykłady formatowania tekstu HTML, takie jak wyróżnianie, pogrubianie, podkreślanie, indeks dolny i tekst obrysowany.
Składnia
-
<abbr>Abbreviation</abbr> -
<b>Bold Text</b> -
<del>Deleted Text</del> -
<em>Emphasized Text</em> -
<i>Italic Text</i> -
<ins>Inserted Text</ins> -
<mark>Marked (or Highlighted) Text</mark> -
<s>Stricken Text</s> -
<strong>Strong Text</strong> -
<sub>Subscript Text</sub> -
<sup>Superscript Text</sup> -
<u>Underlined Text</u>
Pogrubienie, kursywa i podkreślenie
Pogrubiony tekst
Aby pogrubić tekst, użyj tagów <strong> lub <b> :
<strong>Bold Text Here</strong>
lub
<b>Bold Text Here</b>
Co za różnica? Semantyka. <strong> służy do wskazania, że tekst ma fundamentalne lub semantyczne znaczenie dla otaczającego tekstu, natomiast <b> oznacza brak takiego znaczenia i po prostu reprezentuje tekst, który należy pogrubić.
Jeśli użyjesz <b> program zamiany tekstu na mowę nie wypowiada słowa (słów) inaczej niż któregokolwiek z otaczających go słów - po prostu zwracasz na nie uwagę, nie dodając żadnej dodatkowej wagi. Jednak używając <strong> ten sam program chciałby wypowiedzieć te słowa innym tonem głosu, aby przekazać, że tekst jest w jakiś sposób ważny.
Kursywa
Aby pochylić tekst, użyj <em> lub <i> :
<em>Italicized Text Here</em>
lub
<i>Italicized Text Here</i>
Co za różnica? Semantyka. <em> jest używany do wskazania, że tekst powinien mieć dodatkowe podkreślenie, które należy podkreślić, podczas gdy <i> po prostu reprezentuje tekst, który należy oddzielić od zwykłego tekstu wokół niego.
Na przykład, jeśli chcesz podkreślić akcję wewnątrz zdania, możesz to zrobić, podkreślając ją kursywą za pomocą <em> : „Czy po prostu prześlesz już edycję?”
Ale jeśli identyfikujesz książkę lub gazetę, które normalnie kursywą stylistycznie piszesz, po prostu użyjesz <i> : „Byłem zmuszony czytać Romeo i Julię w liceum.
Podkreślony tekst
Chociaż sam element <u> był przestarzały w HTMl 4, został ponownie wprowadzony z alternatywnym znaczeniem semantycznym w HTML 5 - aby reprezentować nieartykułowaną, nietekstową adnotację. Możesz użyć takiego renderowania do wskazania błędnie napisanego tekstu na stronie lub znaku chińskiej nazwy własnej.
<p>This paragraph contains some <u>mispelled</u> text.</p>
Wyróżnianie
Element <mark> jest nowy w HTML5 i służy do oznaczania lub podświetlania tekstu w dokumencie „ze względu na jego znaczenie w innym kontekście”. 1
Najczęstszym przykładem mogą być wyniki wyszukiwania, w których użytkownik wprowadził zapytanie wyszukiwania, a wyniki są wyświetlane z wyróżnieniem żądanego zapytania.
<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to
find what they are looking for.</p>
Wynik:
Popularnym standardowym formatowaniem jest czarny tekst na żółtym tle, ale można to zmienić za pomocą CSS.
Wstawiony, usunięty lub dotknięty
Aby oznaczyć tekst jako wstawiony, użyj znacznika <ins> :
<ins>New Text</ins>
Aby oznaczyć tekst jako usunięty, użyj znacznika <del> :
<del>Deleted Text</del>
Aby przekreślić tekst, użyj znacznika <s> :
<s>Struck-through text here</s>
Indeks górny i indeks dolny
Aby przesunąć tekst w górę lub w dół, możesz użyć znaczników <sup> i <sub> .
Aby utworzyć indeks górny:
<sup>superscript here</sup>
Aby utworzyć indeks dolny:
<sub>subscript here</sub>
Skrót
Aby oznaczyć jakieś wyrażenie jako skrót, użyj <abbr> :
<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>
Jeśli występuje, atrybut title służy do przedstawienia pełnego opisu takiego skrótu.