Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
W jaki sposób zmienić wygląd tekstu na stronie WWW?
Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze:
📋 Zaznacz kod ▶ Edytuj na żywo
<p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p>
otrzymamy:
To jest jakiś tekst
Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni (w naszym przykładzie jest to: <u>
), a na końcu zamykamy ten znacznik, który otworzyliśmy jako pierwszy (czyli <p>
).
Dodatkowo wartości atrybutu style="..."
odnoszące się do tego samego znacznika (w naszym przypadku jest to znacznik <span>
), można połączyć wypisując je po kolei rozdzielone od siebie znakami średnika (w naszym przypadku są to wartości: "font-size: large; color: red"
). Kolejność wpisywania zarówno wartości atrybutu jak i znaczników (otwierających) jest dowolna.
Pytania i odpowiedzi <b, i, span "font-size, color">
Jak pogrubić i pochylić tekst w HTML?
W tym celu wybrany fragment tekstu należy objąć jednoczenie znacznikiem pogrubienia i pochylenia: <b><i>...</i></b>
. Trzeba przy tym pamiętać, że znaczniki zamykamy zawsze w odwrotnej kolejności, niż były otwierane!
Jak zmienić rozmiar i kolor czcionki?
W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiednich wartościach. Na przykład: <span style="font-size: large; color: red">...</span>
ustawi bardzo dużą wielkość czcionki i czerwony kolor tekstu.
Komentarze
- 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
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
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