Bagaimana cara memasukkan teks dalam gambar dengan HTML

Langkah 1

Buka editor HTML Anda. Pilih "File" dan "Baru" di bilah navigasi program. Dokumen HTML kosong akan muncul di layar.

Langkah 2

Encode tabel baru. Atur properti, border, cellspacing dan cellpadding ke 0. Ini akan memungkinkan sel-sel dalam tabel untuk menyiram dengan gambar.

Contoh:

Langkah 3

Masukkan satu set data dan label untuk baris dalam tabel. Sesuaikan tinggi dan lebar data dalam tabel ke dimensi gambar Anda.

Contoh:

Langkah 4

Tambahkan background = "ImageLink" di kode data dari tabel. Ubah "imageLink" ke URL gambar Anda dan simpan tanda kutip. Ini menetapkan gambar sebagai latar belakang untuk tabel.

Contoh:

Langkah 5

Pilih tempat untuk teks muncul. Teks akan ditampilkan di bagian bawah, atas atau tengah gambar. Tambahkan valign = "bawah" ke kode data tabel untuk menetapkan pemosisian. "Valign" merujuk pada perataan vertikal. Ubah "bawah" menjadi "tengah" atau "atas", berdasarkan lokasi yang Anda maksud.

Contoh:

Langkah 6

Tulis teks yang Anda inginkan antara tag pembuka dan penutup data dalam tabel.

Contoh:

SMS

Langkah 7

Simpan dokumen HTML Pratinjau halaman di browser web sebelum mengunggahnya ke server Anda.