![...](/f/711ebcbe8e6f6bd7e95f9d329daf25f1.jpg)
Buat kotak yang berisi blok teks menggunakan HTML.
HyperText Markup Language (HTML) adalah bahasa yang paling umum digunakan untuk membuat struktur dan konten halaman web. HTML berisi berbagai elemen yang memungkinkan pengguna menghasilkan tautan, gambar, paragraf, judul, dan banyak lagi. Elemen-elemen ini ditambahkan ke halaman melalui penggunaan set karakter tertentu, yang dikenal sebagai tag. Setelah Anda memahami kombinasi elemen dan tag yang diperlukan, membuat blok teks yang dikelilingi oleh kotak dalam HTML adalah tugas yang cepat.
Langkah 1
Buka halaman web yang ingin Anda edit dan lihat kode HTML-nya. Jika Anda menggunakan editor teks, cukup buka halaman Anda di program dan gulir ke bawah hingga Anda mencapai bagian halaman tempat kotak dan teks akan muncul. Jika Anda menggunakan program situs web visual, seperti Microsoft Expression Web atau Adobe Dreamweaver, buka halaman Anda, lalu klik area tempat Anda ingin menambahkan kotak dan teks. Setelah melakukannya, ubah mode tampilan Anda ke "Tampilan Kode" untuk melihat HTML yang mengontrol perilaku halaman.
Video Hari Ini
Langkah 2
Tekan tombol "Enter" untuk membuat baris kosong dalam kode HTML Anda.
Langkah 3
Salin dan tempel tiga baris kode berikut ke baris kosong yang dibuat pada langkah sebelumnya:
Satu blok teks paragraf ada di sini
Langkah 4
Sesuaikan parameter kode yang Anda tambahkan di langkah sebelumnya, sesuai kebutuhan. Ubah lebar, ukuran batas, gaya batas, dan warna batas dengan memodifikasi nilai "500px," "2px," "solid" dan "hitam" di baris pertama kode. Ubah jumlah spasi di sekitar teks dengan memodifikasi nilai "10px" di baris kedua kode. Ubah teks yang terletak di antara pembukaan "
"dan menutup"
" tag yang sesuai dengan kebutuhan halaman Anda.Langkah 5
Simpan halaman dan kemudian buka di browser web. Kode yang Anda sisipkan dan modifikasi di dua langkah sebelumnya menambahkan kotak lebar 500 piksel dengan batas hitam, mengelilingi blok teks paragraf.