Bagi Anda yang tertarik untuk membuat website, belajar HTML adalah salah satu kewajiban yang harus Anda lakukan. HTML atau hypertext markup language adalah bahasa pemrograman standar yang akan digunakan untuk membangun sebuah web
Apalagi bagi Anda yang menginginkan website dengan konten utama berupa tulisan. Tentu saja banyak hal yang akan Anda pelajari jika Anda akan mengembangkan web menggunakan HTML ini
Cara Membuat Spasi di HTML
Ada beberapa cara untuk membuat kode spasi dalam HTML. Apa pun?
1. Menggunakan
Ini adalah salah satu cara untuk membuat spasi dalam HTML. Menggunakan kode. or non breaking space adalah kode spasi HTML yang bernilai satu spasi. Artinya setiap kode sama dengan sekali kita klik tombol spasi. Ini adalah contoh penggunaan
<html> <head> <title>cara membuat spasi</title> </head> <body> ini adalah contoh menggunakan spasi </body> </html>Dengan kode diatas maka hasilnya akan seperti ini
Di atas adalah contoh penggunaan kode. Yang perlu diingat adalah bahwa dalam HTML, tidak peduli berapa kali kita mengklik tombol spasi, hanya satu spasi yang ditampilkan
2. Menggunakan
Jika menggunakan kode untuk membuat jarak antar kata menjadi dua spasi, kita harus mengetikkan kode tersebut dua kali. Lalu apakah ada cara yang lebih sederhana untuk membuat jarak antar kata lebih dari satu spasi?
Maka jawabannya adalah Anda bisa menggunakan kode Kode ini nantinya akan membuat jarak antar kata menjadi sekitar dua spasi. Ini adalah contoh penggunaan
<html> <head> <title>Cara membuat spasi</title> </head> <body> <h2>cara membuat spasi</h2> <h2>cara membuat spasi</h2> <h2>cara membuat spasi </h2> </body> </html> _Dengan kode tersebut maka akan muncul hasil seperti di bawah ini
Baris dua dan tiga seperti yang terlihat pada gambar memiliki jarak antar kata yang sama meskipun menggunakan dua kode HTML yang berbeda. Itu akan menggambarkan perbedaan dalam penggunaan dua kode spasi HTML
3. Penggunaan
Jika memiliki nilai sama dengan satu spasi dan nilai sama dengan dua spasi, maka ada juga kode spasi dalam HTML yang memiliki nilai lebih dari itu. Menggunakan maka akan membuat jarak antar kata sama dengan empat spasi
Menggunakan akan sangat menyederhanakan penggunaan kode dalam HTML. Untuk membuat jarak yang lebih lebar maka kita cukup mengetikkan satu kode saja tanpa harus mengetik berulang kali. Berikut adalah contoh penggunaan dari
Dengan kode di atas maka hasilnya akan seperti di bawah ini
Seperti pada gambar, penggunaan kode akan membuat jarak antar kata menjadi lebih lebar
Ini adalah contoh perbandingan dari tiga cara membuat spasi dalam HTML
<html> <head> <title>Cara membuat spasi</title> </head> <body> <h2>cara membuat spasi</h2> <h2>cara membuat spasi</h2> <h2>cara membuat spasi</h2> </body> </html>Hasilnya akan terlihat seperti ini
Perbedaan jarak dari ketiga metode tersebut terlihat jelas. Yang perlu anda ingat adalah bahwa berbeda dengan penggunaan , yang dapat mempengaruhi pemotongan setiap garis, penggunaan atau tidak akan mempengaruhi pemotongan garis
4. Menggunakan Spasi Kata
Selain menggunakan ketiga cara tadi. Membuat spasi dalam HTML juga bisa diatur menggunakan nilai yang kita tentukan. Ini berfungsi jika jarak satu ruang seperti biasa dinilai terlalu pendek. Kode ini mengatur jarak antar kata pada setiap paragraf agar sama nilai antar kata
Metode ini juga menggunakan kode CSS. Kode ini akan sangat berguna jika kita akan membuat paragraf dalam HTML dengan jarak antar kata yang tetap. Berikut adalah contoh penggunaan kode ini
<html> <head> <title>contoh spasi</title> </head> <body> <p style="word-spacing: 1em;">contoh pengaturan spasi dengan nilai tertentu </p> </body> </html> _Pada kode yang ditulis di atas terlihat bahwa jarak antar kata yang akan dibuat adalah 1 em. Hasil dari kode di atas adalah seperti di bawah ini
Jarak antar kata menjadi lebih lebar. Dengan penggunaan kode ini kita dapat mengatur jarak antar kata sedemikian rupa sesuai dengan keinginan kita
Satuan ukuran untuk menentukan jarak tidak hanya em. Selain menggunakan em, kamu juga bisa menggunakan px atau persen. Anda dapat mengetahui lebih lanjut tentang keuntungan dan kapan menggunakan ketiga ukuran tersebut saat Anda belajar css
Di bawah ini adalah contoh perbandingan penggunaan kode-kode di atas dalam membuat spasi pada HTML
Tampilan diatas dibuat dengan kode seperti ini
<html> <head> <title>contoh spasi</title> </head> <body> <h3>contoh pengaturan spasi</h3> <h3>contoh pengaturan spasi</h3> <h3>contoh pengaturan spasi</h3> <p style="word-spacing: 1em;"><h3>contoh pengaturan spasi</h3></p> </body> </html>Itulah cara membuat spasi di HTML. Semua cara di atas tentunya bisa digunakan untuk kebutuhan masing-masing individu. Spasi pada isi artikel nantinya akan mempengaruhi kenyamanan saat membaca
Pengaturan space ini juga akan sangat berguna dalam banyak hal, terutama karena pada HTML beberapa tombol yang biasa kita gunakan seperti space, enter, atau tab tidak memiliki fungsi yang biasa kita gunakan.