Manual ini akan mengajar anda prosedur untuk mencipta ruang antara dua pautan.
Mari kita mulakan!
Bagaimana untuk memberi ruang antara dua pautan dalam HTML & CSS?
Untuk memberi ruang antara dua pautan, pertama sekali, tambahkan pautan yang diperlukan dalam fail HTML.
Langkah 1: Tambah Pautan dalam HTML
Dalam HTML, kami akan mencipta bekas menggunakan teg
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Bagaimana untuk Mencipta fail HTML? < / a >
< a href = “https://linuxhint.com/edit-html-file/” > Bagaimana untuk Mengedit Fail HTML? < / a >
< / div >
Imej berikut menunjukkan bahawa pautan telah berjaya ditambahkan:
Langkah 2: Gayakan Div & Pautan
Dalam langkah ini, gayakan div dan pautan menggunakan ' div ” dalam CSS. Kami akan melaraskan padding kepada ' 40px ” dan tetapkan saiz fon pautan sebagai “ lebih besar ”, ketinggian div ditetapkan sebagai “ 150px ' dan gunakan sifat latar belakang dan tetapkan warna div sebagai ' hitam ”. Selepas itu, laraskan lebar sempadan sebagai “ 5px ”, gaya sebagai “ putus-putus ” dan warna sebagai “ rgb(251, 255, 0) ”.
CSS
div {padding : 40px ;
Saiz huruf : lebih besar ;
ketinggian : 150px ;
latar belakang : hitam ;
sempadan : 5px putus-putus rgb ( 251 , 255 , 0 ) ;
}
Menggunakan kod di atas, output berikut diperolehi. Seperti yang anda lihat, kedua-dua div dan pautan digayakan:
Langkah 3: Beri Ruang Antara Dua Pautan Secara Mendatar
Kita boleh memberi ruang antara dua pautan secara mendatar dengan menggunakan HTML dan CSS. Di sini, kami akan menerangkan kedua-dua kaedah satu persatu.
Kaedah 1: Menggunakan HTML
Untuk memberi ruang antara pautan tanpa menulis sebarang CSS luaran, anda boleh menggunakan “   ” dalam HTML tempat anda ingin mencipta ruang. “   ” bermaksud ruang tidak pecah. Dalam fail HTML, menambah satu   bermakna satu ruang. Jika anda ingin memberi lebih banyak ruang, adalah lebih baik untuk menambah   secara manual mengikut bilangan ruang yang diperlukan.
Mari beralih ke contoh untuk memahami konsep yang dinyatakan!
Contoh
Di sini, kami akan menulis empat kali '   ” untuk mencipta ruang selepas pautan pertama dengan cara yang pautan kedua akan muncul selepas empat ruang.
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Bagaimana untuk Mencipta fail HTML? < / a >        
Bagaimana untuk Mengedit Fail HTML?
Seperti yang anda lihat, ruang dicipta di sebelah kanan pautan pertama:
Kaedah 2: Menggunakan CSS
Dalam CSS, kami akan menggunakan ' margin-kanan ” harta untuk memberi ruang antara dua pautan. ' margin-kanan ” hartanah digunakan untuk menambah ruang dari sebelah kanan elemen. Anda juga boleh menetapkan nilai negatif untuknya.
Sintaks
Sintaks sifat margin-kanan diberikan di bawah:
margin-kanan : nilaiDi tempat ' nilai ”, tetapkan margin dari sebelah kanan elemen. Mari kita teruskan contoh.
Contoh
Di sini, kami akan menggunakan ' a ” untuk mengakses pautan yang telah kami buat dalam HTML. Seterusnya, tetapkan nilai harta margin-kanan sebagai “ 50px ”:
a {margin-kanan : 50px ;
}
Ruang dicipta dari sebelah kanan pautan pertama, yang boleh dilihat di bawah:
Langkah 4: Beri Ruang Antara Dua Pautan Secara Menegak
Untuk memberi ruang menegak antara dua pautan, selaraskan pautan dalam bentuk menegak dahulu. Ini akan dilakukan dengan menggunakan ' blok ” nilai “ paparan ” harta dan kemudian menggunakan “ ketinggian garisan ” harta untuk memberi ruang antara dua talian pautan.
Contoh:
Di sini, kami akan menetapkan nilai sifat paparan sebagai ' blok ” untuk menjajarkan pautan secara menegak. Kemudian, berikan ruang antara dua pautan dengan menetapkan nilai sifat ketinggian garis sebagai “ 80px ”:
a {paparan : blok ;
ketinggian garisan : 80px ;
}
Seperti yang anda lihat, ruang dibuat menggunakan sifat ketinggian garis:
Itu sahaja! Kami telah menerangkan kaedah memberi ruang antara dua pautan dalam HTML & CSS.
Kesimpulan
'   ”, “ margin-kanan ”, dan “ ketinggian garisan ” sifat CSS digunakan untuk memberi ruang mendatar dan menegak antara dua pautan. Menggunakan ini, anda boleh melaraskan ruang dari sisi kanan dan kiri pautan. Dalam artikel ini, kami telah menerangkan prosedur untuk memberi ruang antara dua pautan menggunakan dua kaedah berbeza dan memberikan contoh yang berkaitan.