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>
- 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
MG2727.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łowski26.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
26.09.2024 17:35
Korzystam z hostingu gdzie htaccess nie działa, da się jakoś inaczej? :|
Zobacz więcej - 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
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
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
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ść
07.05.2024 12:08
nie polecam robie na informatyce
Zobacz więcej - 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
