Autor:
Bobbie Johnson
Data Utworzenia:
7 Kwiecień 2021
Data Aktualizacji:
24 Czerwiec 2024
![Learn HTML code: bold text](https://i.ytimg.com/vi/gptOK1hx8gY/hqdefault.jpg)
Zawartość
- Kroki
- Metoda 1 z 2: Utwórz pogrubiony tekst za pomocą HTML
- Metoda 2 z 2: Utwórz pogrubiony tekst za pomocą CSS
- Porady
Język znaczników HTML pozwala na pogrubienie tekstu bez żadnych problemów, a nawet na kilka sposobów jednocześnie. Lepiej jednak, jeśli poświęcisz kilka minut na zapoznanie się z podstawowymi zasadami kaskadowania arkuszy stylów - CSS i dodasz je do dokumentu, aby później móc tam pracować. Najważniejsze jest to, że znacznie łatwiej jest kontrolować wygląd strony internetowej z CSS, w tym gdy coś musi być wyróżnione pogrubieniem.
Kroki
Metoda 1 z 2: Utwórz pogrubiony tekst za pomocą HTML
1 strong> Użyj tagu strong / strong>. W HTML5, zgodnie ze specyfikacją, jest to najlepszy sposób na wyróżnienie tekstu. Ten tag prawie zawsze spowoduje pogrubienie tekstu.
- Umieść tekst, który chcesz podświetlić, wewnątrz tagów: strong>tutaj/silny>.
2 W razie potrzeby używaj nagłówków. Zazwyczaj umieszcza się je na górze strony lub na początku nowej sekcji. Domyślnie nagłówki są wyświetlane większe i pogrubione niż normalny tekst, chociaż są tutaj również pewne subtelności. Istnieje sześć poziomów nagłówków, od 1 do 6: h1> - h6>. Podczas korzystania z nich postępuj zgodnie z poniższymi wskazówkami:
- Nagłówek h1 pisze się tak: h1>nagłówek pierwszego poziomu / h1> i jest to najważniejszy, największy nagłówek strony.
- h2> Nagłówek h2 / h2> - dla drugiego najważniejszego nagłówka i tak dalej aż do samego h6> nagłówka h6, najmniejszego ze wszystkich / h6>.
- Musisz używać nagłówków ostrożnie, z umiarem, wyłącznie w celu uporządkowania zawartości strony. Użytkownik powinien jak najszybciej zobaczyć tytuł, aby zrozumieć, czy pod spodem znajduje się żądana treść.
- Tworząc podtytuły, warto schodzić tylko o jeden poziom na raz. Innymi słowy, nie ma potrzeby umieszczania po h1> od razu h3>. W ten sposób formatowanie strony nie zawiedzie podczas konwersji na inny format.
3 b> W ostateczności użyj znacznika b / b>. Tag b> jest nadal obsługiwany w HTML5, ale znacznie lepiej. Możesz użyć b>, gdy tekst jest wyróżniony w celach stylistycznych, niesemantycznych — na przykład w celu wyróżnienia słów kluczowych lub słów ze słownictwa, nazw produktów itd.
- Jak większość znaczników, b> jest parą, która kontroluje tekst / b> umieszczony wewnątrz.
Metoda 2 z 2: Utwórz pogrubiony tekst za pomocą CSS
1 Pamiętaj, kiedy używać CSS. CSS to bardzo potężne i wygodne narzędzie do edycji wyglądu strony. W rzeczywistości CSS to sposób, w jaki strona „wygląda”, podczas gdy HTML jest tym, co „oznacza”. Oczywiście nie ma nic złego w tagach HTML, można ich używać, ale lepiej jest pracować z CSS - masz większą kontrolę nad tym, jak będzie wyglądał Twój tekst.
- Otwórz prostą stronę HTML w różnych przeglądarkach. Zauważ, że w każdym z nich wygląda nieco inaczej? CSS może pomóc ograniczyć tę różnicę do minimum.
2 Dodaj tag span> do tekstu. Jeśli nie posiadasz jeszcze CSS, powinieneś zacząć od tak zwanego "inline CSS" - "inline stylesheets", jeśli chcesz. Można to oczywiście wykorzystać do zmiany wyglądu tagów, takich jak p> lub h1>, ale czasami można również zmienić tekst, który nie jest jeszcze zawarty w żadnych tagach. Tag span> / span> jest jak wrapper, który sam w sobie nie ma żadnego efektu ani efektu, ale daje nam możliwość wprowadzenia niezbędnych zmian na stronie. Oto przykład:
- span> Uczę się, jak pogrubić tekst za pomocą wbudowanego CSS ./span>
3 Dodaj atrybut stylu. Atrybuty w HTML są zapisywane bezpośrednio w tagu, bezpośrednio w polach wyboru>. Atrybut style jest wymagany do wstawienia CSS do tagu HTML, więc insert styl = w etykiecie span:
- span style => Uczę się, jak pogrubić tekst za pomocą wbudowanego CSS ../ span>
- Po co dodawać atrybut stylu, jeśli nie dodajesz samego stylu? Pomyśl dobrze. Ale tutaj wszystko przedstawiamy krok po kroku!
4 Dodaj właściwość font-weight. Właściwości CSS są dodawane jako część atrybutu, w tym przypadku jako część atrybutu stylu, czyli „font-weight” (waga literalna). Ta właściwość może służyć do określenia stylu czcionki, nie tylko pogrubionej, ale także bardzo pogrubionej, cienkiej lub normalnej. Po znaku = napisz "grubość czcionki:"... Powinno to wyglądać mniej więcej tak:
- span style = "font-weight:"> Uczę się, jak pogrubić tekst za pomocą wbudowanego CSS ../ span>
- Zatrzymaj się na razie, nie pisz nic więcej (i tak, jest jeszcze więcej).
- Nie zapomnij umieścić cytatów przed i po grubość czcionki:.
5 Dodaj pogrubioną wartość. Co zostało? Zgadza się, ustaw właściwość atrybutu na wartość! Gdzie to wstawić? Zgadza się, pomiędzy grubość czcionki: i cytat zamykający. Ta właściwość ma kilka odmian, różniących się pogrubieniem, a najprostszym sposobem jest użycie wartości pogrubiony:
- span style = "font-weight: bold"> Uczę się, jak pogrubić tekst za pomocą wbudowanego CSS./span>
6 Eksperymentuj z innymi wartościami. CSS jest o wiele potężniejszy niż HTML, więc nie czuj się skrępowana. Oto kilka alternatyw dla pogrubienia:
- span style = "font-weight: bolder"> "Bolder" - w ten sposób tekst będzie zawsze grubszy niż element nadrzędny, bez względu na to jak jest pogrubiony. / span> Jeśli cały akapit zaznaczony jest "bold", to „odważniejsze” pomoże jeszcze odważniej podkreślić, powiedzmy, osobne zdanie, które się w nim znajduje.
- span style = "font-weight: normal"> "Normal" - taki tekst będzie wyglądał jak zwykle, nawet w tagu, który powoduje pogrubienie tekstu. / span>
- span style = "font-weight: 900"> Do ustawienia wagi tekstu możesz użyć wartości od 100 do 900. 400 - styl zwykły, pogrubiony - od 700 i powyżej. / span>
Porady
- Używając wartości liczbowych do wagi w CSS, użyj wielokrotności 100. Wszystkie inne wartości będą nadal zaokrąglane w górę.
- Zewnętrzny plik CSS z pewnością jest znacznie wygodniejszy niż ten, który opisano w tym artykule - w ten sposób będzie można kontrolować wygląd wszystkich stron witryny z jednego pliku na raz!
- Nie można sprawić, by czcionka była grubsza, niż pierwotnie zamierzyli typografowie. Podczas pracy z CSS pamiętaj, że czcionka będzie się zmieniać zgodnie ze standardem. W związku z tym nie zobaczysz różnicy między dwoma pogrubionymi opcjami czcionek (a dokładniej możesz to zobaczyć - ale to już zależy od czcionki).