Cara Menyisipkan Spasi Di Html

Daftar Isi:

Cara Menyisipkan Spasi Di Html
Cara Menyisipkan Spasi Di Html

Video: Cara Menyisipkan Spasi Di Html

Video: Cara Menyisipkan Spasi Di Html
Video: Belajar HTML: Jeda Baris, Spasi dan Koment (3/33) 2024, Mungkin
Anonim

Memasukkan spasi di html diperlukan untuk tampilan teks yang benar pada halaman web sesuai dengan efek yang dikandung oleh penulis. Bergantung pada kerumitan tugas, Anda dapat menggunakan ruang non-breaking biasa dan mengontrol jumlah ruang menggunakan properti css.

Cara menyisipkan spasi di html
Cara menyisipkan spasi di html

Itu perlu

editor html

instruksi

Langkah 1

Jika Anda perlu memasukkan satu spasi biasa di antara kata-kata (diperoleh dengan menekan tombol Spasi), Anda tidak perlu melakukan tindakan khusus apa pun - sejumlah spasi biasa yang berurutan dalam kode html akan terlihat seperti di halaman web.

Langkah 2

Untuk menjaga jumlah spasi yang tepat di antara kata-kata, ganti setiap spasi reguler dengan " (tanpa tanda kutip) - ini adalah kode spasi yang tidak terputus dalam html. Misalnya: "Ada dua spasi di antara setiap kata." Sebuah spasi non-breaking disisipkan di antara dua kata dan agar tidak terpisah ketika dibungkus ke baris lain. Untuk penempatan otomatis ruang non-breaking dalam teks, akan lebih mudah untuk menggunakan alat Artemy Lebedev yang terkenal - "Typograf" (https://www.artlebedev.ru/tools/typograf/).

Langkah 3

Cara lain untuk memasukkan jumlah spasi yang diinginkan dalam html di antara kata-kata: sertakan bagian teks yang diinginkan dalam tag dan. Kemudian kata-kata akan ditampilkan dalam font monospace, tetapi semua spasi yang biasa di antara kata-kata akan dipertahankan saat ditampilkan di halaman web. Harap dicatat bahwa tag memiliki beberapa kekhasan: beberapa tag lain tidak diperbolehkan di dalamnya: dan ,,,,.

Langkah 4

Metode yang lebih kompleks untuk mengontrol penanganan spasi putih: gunakan properti css spasi putih dengan nilai pra atau pra-bungkus (masing-masing tanpa pembungkus garis di dalam elemen dan dengan pembungkus garis). Tentukan properti ini dalam deskripsi gaya halaman atau elemen tata letak html yang terpisah. Saat menggunakan metode ini, font tidak berubah menjadi monospace, dan jumlah spasi antar kata dipertahankan. Contoh: Bagaimana cara menyisipkan spasi ke dalam kode html? Atau:.free_spaces {white-space: pre-wrap;} … Bagaimana cara menyisipkan spasi ke dalam kode html?

Direkomendasikan: