Przejdź do treści

Łą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">

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