Jak wyświetlić tekst jako podpis zdjęcia w CSS

Webmasterzy mogą wyświetlać i układać tekst na stronach internetowych za pomocą CSS - Kaskadowego arkusza stylów - kodu do formatowania różnych typów tekstu. Aby wyświetlić tekst jako podpis dla zdjęcia, utwórz klasę kodu CSS dla tekstu podpisu, a następnie oznacz każdy podpis za pomocą identyfikatora klasy, aby automatycznie sformatować tekst w stylu napisów.

1.

Uruchom swój zwykły program do projektowania stron internetowych, aplikację do edytowania HTML lub narzędzie do zwykłego tekstu Microsoft Notepad. Otwórz stronę internetową zawierającą podpis, który chcesz sformatować.

2.

Przewiń do sekcji nagłówka u góry strony. Sekcja nagłówka rozpoczyna się znacznikiem "" i kończy się znacznikiem "".

3.

Wpisz lub wklej następujący fragment kodu bezpośrednio przed tagiem "":

4.

Podświetl i edytuj każdy atrybut między nawiasami klamrowymi, aby nadać styl i sformatować tekst napisów. Na przykład zmień element "rozmiar czcionki" na preferowany rozmiar tekstu podpisu. Edytuj "rodzinę czcionek" do preferowanej czcionki. Możesz wybrać twarz czcionki, która albo wyróżnia się od reszty tekstu na stronie internetowej, albo pasuje do czcionki użytej w innych częściach strony. Zmień kolor z "# 000000" - standardowy czarny tekst - na preferowany kod koloru. W "wadze czcionki" zmień atrybut z "normalnego" na "pogrubiony", jeśli chcesz napisy pogrubione.

5.

Przewiń do położenia każdego podpisu do zdjęć, do którego chcesz zastosować styl w sekcji treści strony internetowej, między znacznikami "" i "".

6.

Wklej lub wpisz "" bezpośrednio przed tekstem napisów. Wstaw "" po tekście napisu. Kod powinien wyglądać tak:

Przykładowy tekst napisu wyjaśniający zawartość obrazu.

7.

Zapisz stronę internetową i prześlij ją na serwer hosta swojej witryny w zwykły sposób za pośrednictwem panelu sterowania systemu zarządzania treścią hosta lub za pomocą aplikacji File Transfer Protocol.

Wskazówki

  • Użyj internetowego narzędzia wyboru koloru, aby znaleźć poprawny kod koloru heksadecymalnego preferowanego koloru czcionki podpisu w kroku 4.
  • Powtórz tę procedurę dla każdej strony WWW, dla której chcesz zastosować styl tekstu podpisu CSS.

Popularne Wiadomości