Cara Menampilkan Teks sebagai Keterangan Foto di CSS
Webmaster dapat menampilkan dan memberi gaya teks pada halaman Web dengan menggunakan CSS - Cascading Style Sheet - kode untuk memformat berbagai jenis teks. Untuk menampilkan teks sebagai teks untuk foto, buat kelas kode CSS untuk teks teks, dan kemudian beri tag setiap teks dengan pengidentifikasi kelas untuk secara otomatis memformat teks dalam gaya teks.
1.
Luncurkan program desain Web biasa, aplikasi editor HTML, atau alat teks biasa Microsoft Notepad. Buka halaman Web yang berisi teks yang ingin Anda format.
2.
Gulir ke bagian tajuk di bagian atas halaman. Bagian header dimulai dengan tag "" dan berakhir dengan tag "".
3.
Ketik atau rekatkan potongan kode berikut tepat sebelum tag "":
4.
Sorot dan edit setiap atribut antara kurung keriting untuk menata dan memformat teks teks Anda. Misalnya, ubah elemen "ukuran font" ke ukuran teks pilihan Anda untuk teks. Edit "font-family" ke wajah font yang Anda sukai. Anda mungkin ingin memilih wajah font yang menonjol dari sisa teks pada halaman Web, atau cocok dengan font yang digunakan pada bagian lain halaman. Ubah warna dari "# 000000" - teks hitam standar - ke kode warna pilihan Anda. Dalam "font-weight" ubah atribut dari "normal" menjadi "bold" jika Anda ingin teks dalam teks tebal.
5.
Gulir ke posisi setiap keterangan foto yang ingin Anda terapkan gaya di bagian tubuh halaman Web, di antara tag "" dan "".
6.
Rekatkan atau ketik "" segera sebelum teks teks. Masukkan "" setelah teks teks. Kode akan terlihat seperti ini:
Contoh teks keterangan, menjelaskan konten gambar.7.
Simpan halaman Web dan unggah ke server host situs web Anda dengan cara biasa melalui panel kontrol sistem manajemen konten host Anda, atau dengan aplikasi Protokol Transfer File.
Kiat
- Gunakan alat pemilih warna online untuk menemukan kode warna heksadesimal yang benar untuk warna font teks pilihan Anda di langkah 4.
- Ulangi prosedur ini untuk setiap halaman Web yang ingin Anda terapkan gaya teks teks CSS.