Jak wstawić tekst w obrazie za pomocą HTML

Krok 1

Otwórz swój edytor HTML. Wybierz "Plik" i "Nowy" na pasku nawigacyjnym programu. Pusty dokument HTML pojawi się na ekranie.

Krok 2

Zakoduj nową tabelę. Ustaw właściwości, obramowanie, odstępy między komórkami i podkładanie komórek na 0. Pozwoli to komórkom w tabeli zrównać się z obrazem.

Przykład:

Krok 3

Wprowadź zestaw danych i etykiety dla wierszy w tabeli. Dostosuj wysokość i szerokość danych w tabeli do wymiarów obrazu.

Przykład:

Krok 4

Dodaj background = "ImageLink" w kodzie danych tabeli. Zmień "imageLink" na URL obrazu i zachowaj cytaty. Spowoduje to ustawienie obrazu jako tła dla tabeli.

Przykład:

Krok 5

Wybierz miejsce, w którym tekst ma się pojawić. Tekst będzie wyświetlany u dołu, u góry lub w środku obrazu. Dodaj valign = "bottom" do kodu danych tabeli, aby ustalić pozycję. "Valign" odnosi się do wyrównania w pionie. Zmień "bottom" na "middle" lub "top", w zależności od planowanej lokalizacji.

Przykład:

Krok 6

Napisz odpowiedni tekst między znacznikami otwierającymi i zamykającymi danych w tabeli.

Przykład:

Tekst

Krok 7

Zapisz dokument HTML Wyświetl podgląd strony w przeglądarce przed przesłaniem jej na serwer.