Jak vložit text do obrázku pomocí HTML

Krok 1

Otevřete editor HTML. V navigačním pruhu programu vyberte "Soubor" a "Nový". Na obrazovce se objeví prázdný dokument HTML.

Krok 2

Zakódujte novou tabulku. Nastavte vlastnosti, ohraničení, buňku a buňku na 0. To umožní, aby buňky v tabulce byly v jedné rovině s obrázkem.

Příklad:

Krok 3

Do tabulky zadejte sadu dat a popisky řádků. Nastavte výšku a šířku dat v tabulce na rozměry obrázku.

Příklad:

Krok 4

Přidat pozadí = "ImageLink" v datovém kódu tabulky. Změňte "imageLink" na adresu URL obrázku a ponechte úryvky. Toto nastaví obrázek jako pozadí tabulky.

Příklad:

Krok 5

Vyberte místo, kde se má text zobrazit. Text se zobrazí v dolní, horní nebo střední části obrázku. Přidejte hodnotu valign = "bottom" na datový kód tabulky pro stanovení polohy. "Valign" označuje vertikální zarovnání. Změňte "dolní" na "střední" nebo "horní", podle vaší zamýšlené polohy.

Příklad:

Krok 6

Zadejte požadovaný text mezi otvíracími a uzavíracími značkami dat v tabulce.

Příklad:

Text

Krok 7

Uložte dokument HTML Náhled stránky ve webovém prohlížeči před nahráním na váš server.