Cara Mengurangi Spasi Antar Baris dalam HTML

Anda dapat mengurangi jarak antar baris secara langsung dalam file HTML halaman web.

Menggunakan HTML memudahkan untuk membuat halaman web dasar dan untuk mengontrol berbagai atribut halaman ini, termasuk font, ukuran teks, warna dan spasi baris. Mengurangi jarak antar baris dapat berguna jika Anda perlu menyingkat halaman web atau mengurangi ruang putih untuk alasan estetika. Untungnya, mengurangi jarak antar baris hanyalah masalah membuat beberapa penyisipan cepat di file HTML halaman.

Langkah 1

Identifikasi bagian dokumen HTML Anda yang sesuai dengan bagian halaman web yang ingin Anda kurangi jarak antar barisnya.

Video Hari Ini

Langkah 2

Lampirkan bagian dokumen itu dalam "

" tag. SEBUAH "

" tag, juga dikenal sebagai tag pemisah, menandai bagian HTML yang ingin Anda terapkan gaya tertentu. Menyisipkan "

" di awal bagian dan "

" di akhir bagian.

Langkah 3

Sisipkan "style=" di dalam " pertama

" tag sebagai berikut:

. Operator "gaya" memberi sinyal ke browser yang merender halaman web bahwa ia harus menata bagiannya halaman yang diapit oleh tag pemisah dengan cara tertentu yang berbeda dari web lainnya halaman.

Langkah 4

Tempatkan teks "line-height:" dalam tanda kutip setelah operator gaya sebagai berikut:

. Pastikan untuk menyertakan titik dua setelah teks. Atribut "line-height" memberi sinyal ke browser bahwa ia harus mengubah jarak antar baris untuk bagian halaman yang diapit oleh tag pembagi.

Langkah 5

Masukkan angka diikuti dengan tanda persentase setelah titik dua mengikuti atribut "line-height", sebagai berikut:

. Nomor yang Anda masukkan adalah spasi baris yang Anda inginkan yang dinyatakan sebagai persentase dari spasi baris halaman saat ini. Misalnya, jika Anda memasukkan 50, jarak antar baris akan menjadi setengah dari jarak saat ini, sedangkan jika Anda memasukkan 200, jarak akan menjadi dua kali lipat dari jarak saat ini. Masukkan angka apa pun yang kurang dari 100 untuk mengurangi jarak antar baris di bagian yang diapit oleh tag pembagi.

Langkah 6

Simpan dokumen HTML Anda dan uji dengan membukanya di browser web untuk melihat bagaimana tampilannya bagi pembaca yang mengaksesnya melalui Internet.

Cara Mengurangi Spasi Antar Baris dalam HTML

Langkah 1

Langkah 2

Langkah 3

Langkah 4

Langkah 5

Langkah 6

Kategori

Baru

Cara Mengganti CMOS di Laptop Toshiba Satellite

Cara Membongkar Laptop HP

Cara Mengganti Kipas CPU di HP Pavilion