Łą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:
<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.