Jak stworzyć pogrubiony tekst w HTML

Autor: John Pratt
Data Utworzenia: 13 Lang L: none (month-010) 2021
Data Aktualizacji: 9 Móc 2024
Anonim
Learn HTML code: bold text
Wideo: Learn HTML code: bold text

Zawartość

HTML ułatwia pogrubienie tekstu i istnieje wiele tagów, których można użyć, jeśli chcesz mieć więcej opcji. Jeszcze lepiej, naucz się CSS i dodaj go bezpośrednio do dokumentu HTML. Jest to szybsze niż dodanie arkusza stylów CSS i pozwoli Ci kontrolować, jaką grubość ma mieć pogrubiony tekst.

Kroki

Metoda 1 z 2: Tworzenie pogrubionego tekstu za pomocą HTML

  1. Użyj tagu „mocny”. W HTML5 dla ważnych tekstów zalecany jest preferowany standard, „silny” tag. W przeglądarkach prawie zawsze jest wyświetlany pogrubioną czcionką.
    • Wpisz pogrubiony tekst między tymi tagami: pogrubiony tekst tutaj.

  2. W razie potrzeby użyj tagów tytułów. Umieszczane są na górze strony internetowej lub na początku nowej sekcji. Tytuły są zwykle wyświetlane dużymi, pogrubionymi czcionkami, ale może się to różnić. Istnieje sześć różnych tagów dla tytułów, od

    Plik

    . Postępuj zgodnie z tymi instrukcjami podczas ich używania.
    • Znacznik h1, zapisany jako

      Twój tytuł tutaj

      to najważniejszy tytuł, zwykle najdłuższy tekst na początku strony.
    • Tag h2

      jest drugim najważniejszym tytułem i tak dalej, nawet tagiem
      h6, najniższy
      .
    • Używaj ich oszczędnie, aby uporządkować swoją stronę. Użytkownicy powinni mieć możliwość szybkiego przewijania tytułów i znajdowania tego, czego szukają.
    • Podczas tworzenia napisów zmniejszaj o jeden poziom na raz. Innymi słowy, nie skacz z

      dla

      . Pomaga to stronie HTML zachować formatowanie po przeniesieniu do innego formatu.


  3. Użyj tagu „b” w ostateczności.. Tag jest nadal obsługiwany w HTML5, ale w większości przypadków jest to najkorzystniejsze. Użyj tagu tylko wtedy, gdy pogrubiony tekst jest używany ze względu na styl, a nie w celu wyróżnienia. Przykłady obejmują słowa kluczowe lub słownictwo w tekście lub nazwy produktów do analizy.
    • Jak większość tagów, wpisz tekst między początkiem a końcem tagu.

Metoda 2 z 2: Tworzenie pogrubionego tekstu za pomocą wbudowanego CSS


  1. Dowiedz się, kiedy używać CSS, który jest skuteczniejszym i bardziej spójnym sposobem zmiany stylu witryny. Ten język jest idealny do określania wyglądu Twojej witryny internetowej, podczas gdy HTML określa, co oznacza Twoja witryna. W porządku jest używać HTML do podkreślenia ważnego tekstu, ale CSS da ci większą kontrolę nad wizualnym aspektem pogrubionego tekstu.
    • Spróbuj otworzyć tę samą stronę HTML w różnych przeglądarkach, a możesz zauważyć pewne różnice w wyświetlaniu. CSS „mówi” przeglądarce dokładnie, jak pokazać tekst zmieniony przez tag, aby zminimalizować zmienność.
  2. Dodać etykietę do tekstu. Jeśli nie wiesz jeszcze nic o CSS, dobrym sposobem na rozpoczęcie jest użycie „CSS inline”. Chociaż możesz zmieniać tagi, takie jak

    lub

    , czasami będziesz musiał zmodyfikować tekst, który nie znajduje się jeszcze między tagami. W takim przypadku umieść tekst w tagach . Samo w sobie nie działa, ale daje nam nad czym popracować. Oto przykład, którego użyjemy:
    • Nauczyłem się pogrubiać ten tekst za pomocą wbudowanego CSS.

  3. Dodaj atrybut stylu. Atrybuty HTML są zapisywane bezpośrednio w tagu, w nawiasach <>. Funkcja stylu jest konieczna, aby wstawić CSS do znacznika HTML, więc wstawimy style = w tagu span:
    • Nauczyłem się pogrubiać ten tekst za pomocą wbudowanego CSS.
    • Nie ma powodu, aby dodawać atrybut style bez określenia czegokolwiek. Uczymy się tylko jednej rzeczy naraz.
  4. Dodaj właściwość „font-weight”. Właściwości CSS są dodawane jako atrybuty stylu. W naszym przypadku wykorzystamy wspomnianą właściwość, która określa grubość czcionki. Może być używany do wyświetlania pogrubionego, cieńszego lub nawet normalnej grubości tekstu. Dodaj "grubość czcionki:" po znaku =, jak pokazano poniżej:
    • Nauczyłem się pogrubiać ten tekst za pomocą wbudowanego CSS.
    • Ponownie, jeszcze nie zakończyliśmy tego procesu.
    • Nie zapomnij o cudzysłowach przed i po grubość czcionki:.
  5. Dodaj wartość pogrubioną czcionką. Jedyne, co musimy zrobić, to ustalić wartość między grubość czcionki: i ostatnie cytaty. Istnieje kilka opcji, których można użyć, ale wartość pogrubienie jest najłatwiejszy w użyciu:
    • Nauczyłem się pogrubiać ten tekst za pomocą wbudowanego CSS.
  6. Eksperymentuj z innymi wartościami. CSS oferuje wiele opcji oprócz HTML, więc nie ograniczaj się. Oto kilka alternatyw dla wartości „pogrubionej”:
    • Tekst „Bolder” będzie bardziej wyeksponowany niż ten do niego podobny. Na przykład, jeśli nadasz całemu akapitowi „pogrubienie”, a następnie użyjesz „pogrubienia” w pojedynczym zdaniu w akapicie, będzie się wyróżniał.
    • Opcja „Normalny” zachowa tekst bez pogrubienia, nawet jeśli znajduje się między tagiem, który sprawia, że ​​jest pogrubiony.
    • Aby określić grubość, można użyć wartości liczbowej z zakresu od 100 do 900. 400 jest normalne, podczas gdy pogrubiony tekst używa 700.

Porady

  • Używając właściwości font-weight w CSS, używaj tylko wartości liczbowych będących wielokrotnością 100, ponieważ liczby między nimi zostaną zaokrąglone.
  • Osadzony lub zewnętrzny arkusz CSS to lepszy sposób na pogrubienie tekstu, ponieważ umożliwia natychmiastowe zmiany w całym dokumencie.
  • Każda czcionka ma tylko kilka dostępnych funkcji. Podczas korzystania z CSS format używany dla czcionki jest najbliższy żądaniu. Oznacza to, że czasami nie będzie można na przykład odróżnić pogrubienia w czcionce.

Jak zaprogramować radio policyjne

Roger Morrison

Móc 2024

Programowanie radiotelefonu policyjnego to proty proce. Oprócz łączności alarmowej, to urządzenie można zaprogramować na różne czętotliwości dla innych rodzajów komunikacji. Po dodaniu ...

Wzycy to zrobiliśmy: wzędzie zukamy prezentów świątecznych, które jezcze nie ą zapakowane, ale mają być zapakowane. Co jet złego w patrzeniu? Metoda 1 z 3: Znajdowanie prezentów Zacznij...

Nowe Ogłoszenia