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:
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
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
Zwykły tekst, który można umieścić w dowolnej witrynie. Oto tekst pisany kursywą