Przejdź do treści

Wielkość czcionki HTML <span "font-size">

W jaki sposób zmienić rozmiar czcionki na stronie WWW?

<span style="font-size: rozmiar">Tu wpisz tekst</span>
gdzie jako "rozmiar" należy wpisać:
xx-small
Czcionka najmniejsza
x-small
Czcionka bardzo mała
small
Czcionka mała
medium
Czcionka średnia
large
Czcionka duża
x-large
Czcionka bardzo duża
xx-large
Czcionka największa

Przykład <span "font-size">

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: xx-small">Czcionka o rozmiarze xx-small</span>
Czcionka o rozmiarze xx-small

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: x-small">Czcionka o rozmiarze x-small</span>
Czcionka o rozmiarze x-small

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: small">Czcionka o rozmiarze small</span>
Czcionka o rozmiarze small (domyślna)

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: medium">Czcionka o rozmiarze medium</span>
Czcionka o rozmiarze medium

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: large">Czcionka o rozmiarze large</span>
Czcionka o rozmiarze large

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: x-large">Czcionka o rozmiarze x-large</span>
Czcionka o rozmiarze x-large

📋 Zaznacz kod ▶ Edytuj na żywo

<span style="font-size: xx-large">Czcionka o rozmiarze xx-large</span>
Czcionka o rozmiarze xx-large

Pytania i odpowiedzi <span "font-size">

Jak zmienić rozmiar czcionki HTML?

W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiedniej wartości: <span style="font-size: xx-small">...</span> (najmniejsza czcionka), <span style="font-size: x-small">...</span> (bardzo mała czcionka), <span style="font-size: small">...</span> (mała czcionka), <span style="font-size: medium">...</span> (średnia czcionka), <span style="font-size: large">...</span> (duża czcionka), <span style="font-size: x-large">...</span> (bardzo duża czcionka), <span style="font-size: xx-large">...</span> (największa czcionka).

Jak zmniejszyć rozmiar czcionki HTML?

Zwykły tekst na stronie wyświetla się w domyślnym rozmiarze czcionki. Aby go pomniejszyć, trzeba objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości: <span style="font-size: x-small">...</span> albo jeśli chcemy bardzo pomniejszyć tekst: <span style="font-size: xx-small">...</span>.

Komentarze #

  • MG27
    MG27

    27.09.2024 14:31
    Dziękuję bardzo, szukałem tego rozwiązania od kilku miesięcy,a wystarczyło sobie przypomnieć stronę dzięki której znam cały html :mrgreen:
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    26.09.2024 17:51
    Możesz to samo uzyskać, jeśli zapiszesz dokument HTML w pliku z rozszerzeniem *.php i na samym jego początku dodasz: [...] Uwaga: Ten kod musi być naprawdę na samym początku pliku, tzn. jeszcze przed <!doctype html> i <html>. Nie moze być przed nim nawet spacji...
    Zobacz więcej

  • MG27
    MG27

    26.09.2024 17:35
    Korzystam z hostingu gdzie htaccess nie działa, da się jakoś inaczej? :|
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    21.09.2024 19:54
    Powinno pomóc dodanie pliku o nazwie ".htaccess" (z kropką na początku!) w głównym katalogu strony - o następującej zawartości: [...] Ale uwaga: po tej zmianie strona będzie się ładować wolniej i transfer serwera będzie szybciej zużywany...
    Zobacz więcej

  • MG27
    MG27

    21.09.2024 19:45
    Mam pytanie, kiedy aktualizuję stronę to wszyscy użytkownicy mojej strony muszą ją odświeżać :( . Czy istnieje sposób by strona aktualizowała się u użytkowników automatycznie? :?
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    30.05.2024 18:17
    @MG27: właśnie usunąłem z całego Kursu HTML, CSS i JS wszystkie informacje o Internet Explorerze - z wyjątkiem krótkich wzmianek na temat interpretacji poszczególnych poleceń w różnych przeglądarkach oraz bardzo nielicznych fragmentów, gdzie to było rzeczywiście uzasadnione...
    Zobacz więcej

  • MG27
    MG27

    21.05.2024 14:56
    Polecam stronę z całego serca, choć stara to dobra. Przydałoby się jedynie odświeżenie do dzisiejszych czasów, Internet Explorer 6 nie brzmi świeżością :lol:
    Zobacz więcej

  • Gość
    Gość

    07.05.2024 12:08
    nie polecam robie na informatyce
    Zobacz więcej

  • Sławomir Kokłowski
  • sylwi_k
    sylwi_k

    03.04.2024 18:09
    <img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"> tylko tam nazwe tego obrazka
    Zobacz więcej

Zobacz więcej komentarzy

Facebook