W HTML tekst pogrubiony można tworzyć na kilka sposobów. Obejmują one:
- Etykietka b;
- Etykietka silny;
- Właściwość CSS grubość czcionki.
Porozmawiajmy o każdej z opcji zaznaczania tekstu w kolejności.
Tekst pogrubiony: tag
Etykietka b HTML jest stosowany w następujący sposób:
Kreator stron internetowych „Nubex”
Dla tagu musi mieć zamknięcie i ogólne atrybuty (takie jak klasa, identyfikator, tytuł itp.)
Chociaż ważność tagu b i nie jest przestarzały przez specyfikację HTML, bardziej odpowiedni do użycia jest tag silny zobaczmy dlaczego.
Tekst pogrubiony: tag
Zgodnie ze specyfikacją HTML tag b Używany do pogrubienia tekstu. W przeciwieństwie do tagu silny HTML służy do podkreślenia ważny Frah, słowa kluczowe dla tej strony.
Ten tag ma ogromne znaczenie podczas rankingowania stron w wyniki wyszukiwania, dzięki czemu jest szeroko stosowany w promocji stron internetowych i optymalizacji SEO. Wyszukiwarki szanują tekst zawarty w tagach i oznacz jako ważne.
Użyty tag silny w ten sam sposób:
Kreator stron internetowych „Nubex”
Możesz zauważyć, że zewnętrzne stosowanie tagów oraz w ogóle się nie różni (ponieważ wszystko nowoczesne przeglądarki interpretować je prawie tak samo), ale semantyczne różnice w kodzie Wyszukiwarki niemniej jednak mają miejsce. Dlatego większość SEO zaleca używanie tagu silny.
Pogrubiony tekst z CSS
Zwróciliśmy już uwagę na znaczenie tagu silny w promocja w wyszukiwarce, ale co zrobić, jeśli trzeba pogrubić dużą ilość tekstu (ale tekst nie musi być oznaczany jako ważny dla wyszukiwarek) lub trzeba kontrolować stopień „pogrubienia” czcionki? W takich przypadkach używana jest właściwość CSS grubość czcionki. Stosuje się go w następujący sposób:
Nasze strony są naprawdę ogromny krok w tworzeniu stron internetowych.
Robimy to na serio jakość witryny.
Zaufaj nam, a my będziemy nie zawiedziemy Cię.
Wartości odważniej oraz zapalniczka możesz ustawić stopień pogrubienia bardziej (lub mniej) niż rodzic. Do ustawienia stopnia otłuszczenia można użyć wartości liczbowej (100-900).
Kontynuujemy pracę z czcionkami iw tej lekcji przyjrzymy się, jak ustawione są właściwości, aby nadać czcionce pogrubiony lub kursywę. Do tej pory zastanawialiśmy się, jak utwórz czcionkę pogrubioną lub kursywą używając HTML Tagi. Ale jak już wiemy HTML nie powinien być używany do projektowania dokumentu, jest przeznaczony tylko do tworzenia znaczników, struktury strony, więc musisz stylizować wszystko za pomocą arkusza stylów css. A teraz spójrzmy, jak ustawione są takie właściwości.
Czcionka CSS kursywa
Właściwość pomaga sformatować tekst kursywą. styl czcionki: ; , do którego przypisana jest wartość italski , co oznacza „Styl czcionki jest kursywą”.
A teraz wyobraźmy sobie, że na stronie jest wiele akapitów i jeden z nich musi być zapisany kursywą. To, co robimy, to tworzenie klasy dla żądanego akapitu, a następnie określanie, że element z tą klasą powinien być kursywą.
HTML
Czwarty akapit Czwarty akapit Czwarty akapit
Ustaw właściwość dla czcionki kursywy.
Jeśli utworzyłeś takie akapity i ustawiłeś dla nich właściwość, tekst drugiego akapitu stał się kursywą. Ustawiliśmy właściwość dla całego akapitu, ale teraz utrudnijmy to i ustawmy kursywę tylko dla dwóch słów w czwartym akapicie. Jak to zrobić? W HTML W lekcji przeanalizowaliśmy tag poziomu logicznego . Ten znacznik jest używany tylko w takich sytuacjach, gdy dla jakiejś części elementu musisz ustawić jakąś klasę. Dlatego osadzamy tag w czwartym akapicie i przypisujemy mu klasę klasa="kursywa"> . W efekcie otrzymujemy następujący wpis:
HTML
Pierwszy akapit Pierwszy akapit Pierwszy akapit Pierwszy akapit
Drugi akapit Drugi akapit Drugi akapit Drugi akapit
Akapit trzeci Akapit trzeci Akapit trzeci Akapit trzeci
Czwarty akapit Czwarty akapit Czwarty akapit
Piąty akapit Piąty akapit Piąty akapit Piąty akapit
Kursywa( styl czcionki: kursywa; )
Drugi akapit i część czwartego akapitu są teraz wyświetlane kursywą. W próbny jest to wyraźnie pokazane.
Pogrubienie CSS
Aby ustawić pogrubioną czcionkę, używana jest inna właściwość o nazwie grubość czcionki: ; innymi słowy, nazywa się to również nasyceniem czcionki. Nasycenie jest początkowo ustawione na normalna oznacza to, że nasycenie czcionki jest normalne, a ustawiając wartość pogrubienie stanie się odważny.
Pogrubienie(grubość czcionki:pogrubienie ; )
Możesz również ustawić wartość nasycenia za pomocą liczb od 100 zanim 900 krok po kroku 100 . Oznaczający normalna równa się liczbie 400 , a wartość pogrubienie postać 700 . Oznaczający 900 nie są obsługiwane przez wszystkie czcionki, więc ustawiając tę wartość, możesz nie zauważyć różnicy w stosunku do wartości 700 . Ten stan wygląda tak:
Pogrubienie (grubość czcionki:700 ; )
W html kodu, robią dokładnie to samo: jeśli trzeba zaznaczyć cały akapit, to nadajemy mu nową klasę, jeśli część tekstu, to używamy tagu klasa="kursywa"> . Rozważ mały przykład:
HTML
Pierwszy akapit Pierwszy akapit Pierwszy akapit Pierwszy akapit
Drugi akapit Drugi akapit Drugi akapit Drugi akapit
Akapit trzeci Akapit trzeci Akapit trzeci Akapit trzeci
Czwarty akapit czwarty akapit czwarty ustęp
Piąty akapit Piąty akapit Piąty akapit Piąty akapit
Pogrubienie( grubość czcionki: pogrubienie; )
W rezultacie wyróżniliśmy pogrubioną czcionką akapitu czwartego, gdzie jest jednocześnie kursywą, oraz cały akapit piąty. Oto dwie kolejne właściwości, które badaliśmy. Stosuje się je dość często, dlatego warto pamiętać, że:
- Czcionka kursywa jest ustawiona: styl czcionki: italski; .
- Ustawiono pogrubioną czcionkę: grubość czcionki: pogrubienie; .
- Aby przywrócić czcionkę do normalnego nasycenia, ustaw wartość: grubość czcionki: normalna; lub wartość grubość czcionki: 400 ; , co w tym przypadku oznacza to samo.
Tutaj rozważyliśmy jeszcze dwie właściwości czcionek. Widzieć w Próbny to, co powinieneś uzyskać w końcu, a my przechodzimy do badania następujących właściwości.
Jednym z najłatwiejszych sposobów wyróżnienia słowa lub frazy w tekście jest użycie innego napisu. Dzięki temu możesz podkreślić słowo lub frazę za pomocą pogrubionych stron, co pozwala łatwo wyróżnić słowa przy użyciu różnych stylów - kursywa, podkreślenie, pogrubienie.
Pogrubiona czcionka jako sposób na podkreślenie najważniejszej rzeczy
Najbardziej żywe i chwytliwe są słowa wyróżnione pogrubieniem. Takie słowa i frazy od razu rzucają się w oczy. Tak więc, aby nauczyć się szybko wyróżniać w tekście właściwe miejsca, należy pamiętać o specjalnym kodzie HTML. Czcionka pogrubiona jest ustawiana za pomocą tagu pair .
Znacznik otwierający jest umieszczany przed słowem, frazą lub zdaniem, które należy podświetlić. . Po ostatniej literze w tekście, która ma zostać wyróżniona, następuje znacznik zamykający.. Wszystko pomiędzy tymi dwoma tagami jest wyświetlane w przeglądarce pogrubioną czcionką.
Inne opcje wyboru
Odkryliśmy więc, że możliwe jest wyróżnienie tekstu przy użyciu innego stylu. Uznaliśmy, że najprostsze i zarazem efektywne wykorzystanie pogrubionego HTML. Porozmawiajmy teraz o innych opcjach wyboru.
Na przykład możesz pochylić tekst za pomocą tagu pair , zaznacz to za pomocą . To jest najbardziej proste sposoby podświetlanie tekstu.
Istnieją również mniej znane i używane znaczniki, których można używać do wyróżniania słów i zdań w tekście. Aby więc przekreślić tekst, wystarczy użyć . Znacznik pair pomoże w stworzeniu monoprzestrzeni tekstu . Jeśli chcesz utworzyć indeks górny, użyj , niżej - .
W tym przypadku, tak jak poprzednio, potrzebny tekst powinien znajdować się między znacznikami otwierającym i zamykającym. Jak widać, nie ma nic skomplikowanego, najważniejsze jest zapamiętanie tych kodów lub ich zapisanie.
Korzystanie z wielu czcionek
Jeśli chcesz, aby tekst był bardziej wyrazisty, możesz użyć czegoś więcej niż tylko pogrubienia. Znaczniki HTML pozwalają na podkreślenie słowa przy użyciu wielu stylów jednocześnie. Na przykład możesz jednocześnie pogrubić, przekreślić i pochylić słowo.
Jednocześnie należy pamiętać o jednym – wszystkie tagi należy zamykać po kolei. Na przykład poprawny wpis może wyglądać tak:
- wybrany tekst.
Jeśli zamkniesz tagi w innej kolejności, tekst zostanie podświetlony nieprawidłowo. Przykład błędnego wpisu:
- wybrany tekst.
W takim przypadku przeglądarka będzie zdezorientowana i nie zrozumie, czego dokładnie od niej chcesz.
Nawiasem mówiąc, można tutaj zauważyć, że trzy opcje stylu - pogrubienie, podkreślenie i kursywa - są dość łatwo zapamiętywane, jeśli posiadasz klawisze skrótu w programie Word. Tam styl jest ustawiany za pomocą tych samych klawiszy z literami, przytrzymując klawisz Ctrl.
Jak widać, możesz użyć nie tylko kursywy czy pogrubienia. Znaczniki HTML ułatwiają wyróżnianie słów, tak jak w zwykłym programie Word.
wnioski
Aby wyróżnić tekst, szeroko stosuje się nie tylko różne kolory i odcienie, różne rozmiary i typy czcionek, ale także jego styl. Co więcej, to za pomocą innego konturu można pięknie i łatwo zaznaczyć ten lub inny fragment tekstu.
Aby zmienić styl czcionki, użyj dowolnego znanego tagu. Pogrubiona czcionka strony HTML jest najjaśniejsza i najbardziej widoczna, dlatego jest najczęściej używana do wyróżniania.
Istnieją trzy sposoby na pogrubienie tekstu Strona HTML, ale nie spiesz się, aby od razu użyć dowolnego, ponieważ taki wybór może mieć inne znaczenie i wpłynąć na optymalizację witryny pod kątem wyszukiwarki.
Pogrubiona czcionka z mocnym tagiem
Ten droga jest w porządku jeśli chcesz pogrubić ważną część tekstu. Znacznik HTML jest logicznym znacznikiem formatującym i jego istotą jest „podkreślenie” ważności wybranego fragmentu.
W HTML są inne logiczne znaczniki formatowania. Na przykład znacznik wyróżnia tekst kursywą i wskazuje nacisk na wybraną frazę.
Inne rodzaje zaznaczania tekstu zostały opisane w artykule:.
zwykły tekst wyróżniony ważny fragment tekstu. Zwykły tekst.
Pogrubiony tekst ze znacznikiem b
zwykły tekst pogrubiony tekst. Zwykły tekst.
Pogrubione style CSS
Pogrubiony tekst można wykonać nie tylko za pomocą specjalnego Tagi HTML. Możesz pogrubić go w dowolnym tagu, ustawiając właściwość font-weight: bold; (nie działa dla wszystkich czcionek).
Taki wybór będzie miał charakter stylistyczny, bez dodawania logicznej wagi wybranemu tekstowi.
Ponadto możesz wybrać zarówno określony znacznik, jak i grupę elementów jednocześnie, ustawiając style za pomocą klasy CSS.
Właściwość CSS wewnątrz atrybutu stylu:
Tekst pogrubiony.
Tekst pogrubiony.
Tekst normalną czcionką.
Tekst pogrubiony.
Co zrobić, jeśli nie możesz pogrubić tekstu
Jeśli nie możesz pogrubić tekstu, prawdopodobnie Twoja witryna zastąpiła style elementów CSS. W takim przypadku będziesz musiał dostosować te style. W większości przypadków można to zrobić za pomocą głównego pliku tabeli style css. Jeśli tego nie rozumiesz, skontaktuj się z webmasterem. Z dużym prawdopodobieństwem rozwiązanie tego problemu zajmie nie więcej niż 5 minut pracy (choć oczywiście mogą być wyjątki).