W bieżącym artykule porozmawiamy o tym, jak wyróżnić tekst. kursywą HTML. Podobnie jak w przypadku tekstu pogrubionego, tekst kursywą można utworzyć na trzy sposoby:

  • Etykietka i HTML;
  • Etykietka em HTML;
  • Właściwość CSS styl czcionki.

Rozważmy wszystkie trzy opcje, jak zrobić kursywę w HTML, omówmy subtelności tego problemu i które metody są wygodniejsze i bardziej poprawne w użyciu w określonych sytuacjach.

Tekst kursywą: tag

Etykietka i(kursywa), analogicznie do tagu b dla pogrubiony tekst, służy do fizycznego podkreślenia tekstu kursywą (co oznacza, że ​​zmienia się tylko styl tekstu). Aplikacja tagu i:

Kreator stron internetowych „Nubex”

W ten sposób pożądana część tekstu jest umieszczana między tagami .

Tekst kursywą: tag

Chociaż tag i pozostaje aktualna, z punktu widzenia optymalizacji strony, lepiej użyć tagu em aby wyróżnić logicznie ważne sekcje tekstu. Oznacza to, że roboty wyszukujące uwzględniają znaczenie tekstu umieszczonego między tagami. :

Kreator strony internetowej „Nubeks”

Wynik:

Kreator strony internetowej „Nubeks”

Ale nie zapominaj, że tekst zawarty w tagach i oraz em, chociaż są wyświetlane prawie tak samo (w sumie nowoczesne przeglądarki), są z natury nie do końca identyczne, jak wspomniano powyżej. Dlatego musisz używać tagów w razie potrzeby: tag em HTML umieszczaj w ramkach ważne sekcje tekstu i stosuj wizualną stylizację kursywą za pomocą tagu i lub style CSS. Przyjrzyjmy się teraz używaniu stylów CSS do pisania kursywą.

Tekst kursywą z CSS

Aby ustawić style wyświetlania czcionek w CSS, użyj właściwości styl czcionki, który może przyjmować wartości: skośny(Tekst kursywą), italski(kursywa) i normalna(zwykła czcionka).

Warto o tym pamiętać italski czcionka i skłonny zasadniczo nie są takie same. Kursywa to specjalna czcionka, która jest analogiczna do tekstu pisanego odręcznie, oraz skłonny utworzone przez przechylenie zwykła czcionka w prawo.

Stosowanie atrybutu styl czcionki na praktyce:

Kursywa z <a href="https://bar812.ru/pl/proverka-css-na-validnost-s-pomoshchyu-css-validation-service-ispravlenie-html.html">CSS</a>- "Nubeks"

Nasze strony są naprawdę ogromny krok w tworzeniu stron internetowych.

Robimy to na serio jakość witryny.

Musisz jednak pamiętać, że niektóre przeglądarki wyświetlają tekst z właściwością styl czcionki: ukośny; nie mogą być interpretowane jako kursywa, ale jako kursywa.

Html daje nam kilka opcji w zakresie stylizacji tekstu. Dziś opowiem Wam jak zrobić czcionkę kursywą w html, zarówno standardową, jak i niestandardową. W drugim przypadku musisz coś wziąć pod uwagę, aby wszystko działało.

Jak pisać kursywą w html?

Zacznijmy od tego, że w samym html znajdują się dwa znaczniki, które nadają tekstowi styl kursywy. To są em i ja. Przy okazji, drugi jest wbudowany w edytor html silnika wordpress, w którym teraz piszę ten artykuł. Czym różnią się te tagi? Właściwie dzisiaj nie chciałbym głośno deklarować, że są jakoś inne.

Ogólnie rzecz biorąc, em służy do podkreślania słów, które należy wymawiać ze specjalną intonacją, podczas gdy i służy tylko do wizualnego wyróżnienia tekstu. Ale nie przejmujmy się tym, bo nie wiadomo, czy rzeczywiście tak jest.

Jakie są właściwości CSS dla tekstu kursywą?

Jest to właściwość font-style, a jej wartość to kursywa . Jest też wartość ukośna i zamienia tekst na kursywę. Czy jest jakaś różnica między tymi wartościami? Praktycznie żaden. Swoją drogą, szczegółowo o tym i innych właściwości CSS dla tekstu przeczytaj odpowiedni artykuł, w którym wszystko jest ułożone na półkach.

Jak napisać niestandardową czcionkę?

Faktem jest, że jeśli połączysz niestandardową czcionkę za pomocą Google Fonts, w takim przypadku podczas łączenia musisz sprawdzić co najmniej 1 kursywę. Jeśli nie zostanie to zrobione, to przy próbie nadania takiej czcionki kursywą jedna ze standardowych czcionek zostanie wyświetlona kursywą. Przy okazji możesz przeczytać o łączeniu niestandardowych czcionek w tym artykule.

Na tym zrzucie ekranu widać fragment połączenia czcionki przez Usługa Google czcionki.

Jak widać, obok co najmniej jednego stylu kursywy znajduje się znacznik wyboru. Teraz, gdy użyjesz niezbędnych tagów lub właściwości stylu, ta czcionka rzeczywiście stanie się kursywą, a nie inną.

W ten sposób przeanalizowaliśmy wszystkie punkty, które pracują z kursywą. Nie śmiem cię dłużej zatrzymywać.

Opis

Określa styl czcionki — zwykły, kursywa lub kursywa. Gdy tekst jest ustawiony na kursywę lub kursywę, przeglądarka szuka w systemie odpowiedniej czcionki. Jeśli określona czcionka nie zostanie znaleziona, przeglądarka używa specjalnego algorytmu do symulacji żądanego typu tekstu. Wynik i jakość mogą być niezadowalające, zwłaszcza podczas drukowania dokumentu.

Składnia

styl czcionki: normalny | kursywa | ukośny | dziedziczyć

Wartości

normalny styl tekstu Normalny. kursywa Styl kursywy. skośny Styl skośny. Kursywa i kursywa, choć podobne, nie są tym samym. Kursywa to specjalna czcionka imitująca pismo odręczne, natomiast kursywa jest tworzona przez przechylanie zwykłych znaków w prawo. dziedziczy Dziedziczy wartość rodzica.

HTML5 CSS2.1 IE Cr Op Sa Fx

styl czcionki

Duis te feugifacilisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Wynik ten przykład pokazano na ryc. jeden.

Ryż. 1. Stosowanie właściwości font-style

Model obiektowy

document.getElementById("identyfikator elementu ").style.fontStyle

Przeglądarki

Internet Explorer do wersji 7.0 nie obsługuje wartości dziedziczenia.

Przeglądarki zawsze wyświetlają tekst z wartością ukośną jako kursywą .

W html rozmiar czcionki odgrywa ważną rolę. Zwraca uwagę użytkownika na ważna informacja zamieszczone na stronie internetowej. Chociaż ważna jest nie tylko wielkość liter, ale także ich kolor, grubość, a nawet rodzina.

Tagi i atrybuty podczas pracy z czcionkami html

Język hipertekstowy ma duży zestaw narzędzia czcionek. W końcu formatowanie tekstu jest głównym zadaniem html .

Przyczyna stworzenia język HTML wystąpił problem z wyświetlaniem reguł formatowania tekstu przez przeglądarki.


Rozważ tagi używane do pracy z czcionkami w html i ich atrybutami. Głównym jest tag . Korzystając z wartości jego atrybutów, możesz ustawić kilka cech czcionki:

  • kolor - ustawia kolor tekstu;
  • size – rozmiar czcionki w konwencjonalnych jednostkach.

Obsługiwana jest dodatnia wartość atrybutu od 1 do 7.

  • face - służy do ustawienia rodziny czcionek tekstu, który ma być używany wewnątrz tagu . Obsługiwanych jest wiele wartości oddzielonych przecinkami.

Formatowany jest tylko tekst znajdujący się między częściami sparowany tag czcionka. Reszta tekstu jest wyświetlana w domyślnej czcionce.

Również w html istnieje wiele sparowanych tagów, które definiują tylko jedną regułę formatowania. Obejmują one:

  • - ustawia pogrubioną czcionkę w html. Etykietka podobny w działaniu do poprzedniego;
  • - rozmiar jest większy niż domyślny;
  • mniejszy rozmiar czcionka;
  • - tekst kursywą (kursywą). Podobny tag ;
  • — tekst z podkreśleniem;
  • - przekreślone;
  • — wyświetlanie tekstu tylko małymi literami;
  • - wielkimi literami.

zwykły tekst

Miniaturka

Miniaturka

Więcej niż zwykle

Mniej niż zwykle

Kursywa

Kursywa

Z podkreśleniem

Przekreślenie

Możliwości atrybutów stylu

Oprócz opisanych tagów istnieje kilka innych sposobów na zmianę czcionki w html . Jednym z nich jest użycie ogólnego atrybutu stylu. Korzystając z wartości jego właściwości, możesz ustawić styl wyświetlania czcionki:

1) font-family - właściwość ustawia rodzinę fontów. Możliwe jest wyliczenie wielu wartości.
Zmiana czcionki w html na następną wartość nastąpi, jeśli poprzednia rodzina nie jest ustawiona na system operacyjny użytkownik.

Składnia pisania:

rodzina-czcionek: nazwa-czcionki [, nazwa-czcionki[, ...]]

2) rozmiar czcionki - rozmiar jest ustawiony od 1 do 7. Jest to jeden z głównych sposobów na zwiększenie czcionki w html.
Składnia pisania:

rozmiar-czcionki: rozmiar bezwzględny | względny rozmiar | wartość | zainteresowanie | dziedziczyć

Możesz także ustawić rozmiar czcionki:

  • W pikselach;
  • W wartościach bezwzględnych ( xx-mały, x-mały, mały, średni, duży);
  • w procentach;
  • W punktach (pkt).

rozmiar czcionki: 7

rozmiar czcionki: 24px

Rozmiar czcionki: x-duży

rozmiar czcionki: 200%

rozmiar czcionki: 24pt

3) styl czcionki - ustawia styl czcionki. Składnia:

styl czcionki: normalny | kursywa | ukośny | dziedziczyć

Wartości:

  • normalny - normalna pisownia;
  • kursywa - kursywa
  • skośny - czcionka z nachyleniem w prawo;
  • dziedzicz - dziedziczy pisownię elementu rodzica.

Przykład zmiany czcionki w html za pomocą tej właściwości:

styl czcionki: dziedzicz

styl czcionki: kursywa

styl czcionki: normalny

styl czcionki: ukośny

4) wariant czcionki - konwertuje wszystkie wielkie litery na wielkie. Składnia:

wariant czcionki: normalny | małe czapki | dziedziczyć

Przykład jak zmienić czcionkę w html za pomocą tej właściwości:

wariant czcionki:dziedzicz

wariant czcionki:normalny

wariant czcionki: kapitaliki

5) grubość czcionki - pozwala ustawić grubość pisania tekstu (nasycenie). Składnia:

grubość czcionki: pogrubiona|pogrubiona|jaśniejsza|normalna|100|200|300|400|500|600|700|800|900

Wartości:

  • pogrubienie - ustawia czcionkę html na pogrubioną;
  • bolder - grubszy w stosunku do normalnego;
  • lżejszy - mniej nasycony w stosunku do normy;
  • normalny - normalna pisownia;
  • 100-900 - ustawia grubość czcionki w kategoriach liczbowych.

grubość czcionki: pogrubienie

grubość czcionki: pogrubiona

grubość czcionki: lżejsza

grubość czcionki: normalna

grubość czcionki: 900

grubość czcionki: 100

Właściwość czcionki i kolor czcionki html

Czcionka to kolejna właściwość kontenera. Wewnętrznie połączył wartości kilku właściwości zaprojektowanych do zmiany czcionek. Składnia czcionki:

font: font-size font-family | dziedziczyć

Wartość można również ustawić na czcionki używane przez system w napisach na różne elementy sterownica:

  • podpis - dla przycisków;
  • ikona - dla ikon;
  • menu - menu;
  • komunikat-box - dla okien dialogowych;
  • small-caption - dla małych kontrolek;
  • status-bar - czcionka paska statusu.

czcionka: ikona

czcionka:podpis

czcionka:menu

czcionka:pole wiadomości

mały podpis

czcionka:pasek stanu

czcionka: kursywa 50px pogrubiona „Times New Roman”, Times, szeryf

Aby ustawić kolor czcionki w html, możesz użyć właściwości color. Pozwala ustawić kolor, tak jak w przypadku słowo kluczowe, a także in format rgb. A także w postaci kodu szesnastkowego.

Etykietka w HTML zaznacza fragment tekstu kursywą.

Znacznik HTML odnosi się do fizycznych znaczników formatowania. Zmień styl czcionki za pomocą tagu jest stylistyczny.

Robić tekst HTML kursywę można również wykonać za pomocą znacznika. W takim przypadku tekst zostanie uznany za logicznie wybrany (w znaczeniu), „podkreślony”.

Specyfikacja HTML5 zaleca nadanie priorytetu logicznym znacznikom formatowania: ważne fragmenty tekstu — znacznik, wyróżnienie — znacznik, podtytuły — znaczniki, wyróżnienie tekstu — znacznik. Kursywa tekst z tagiem następuje tylko wtedy, gdy znak zaznaczenia nie pasuje do żadnego logicznego znacznika formatowania.

Wszystkie rodzaje zaznaczania tekstu zostały opisane w artykule:.

Składnia

tekst kursywą

Wyświetl w przeglądarce

Przykład użycia w kodzie HTML




Znacznik kursywy w HTML


Zwykły tekst, który można umieścić w dowolnej witrynie. Oto tekst pisany kursywą