Bingkai dengan HTML - bagaimana ia berfungsi
Untuk menjadikan media di laman web anda lebih menarik, anda boleh menggunakan kod HTML untuk menarik bingkai di sekelilingnya. Dalam petua praktikal ini, kami menunjukkan kepada anda bagaimana cara ini berfungsi dan apa kelebihan yang ditawarkan oleh cadar gaya (CSS) apabila menentukan bingkai.
Pengekodan HTML - bingkai bingkai di sekeliling imej dan media lain
Secara lalai, setiap imej mempunyai bingkai yang lebar satu piksel. Walau bagaimanapun, ini hanya boleh dilihat jika imej digunakan sebagai pautan. Dengan atribut "sempadan" anda secara individu boleh menentukan ketebalan bingkai.
- Dalam HTML, kod untuk bingkai hitam sepuluh piksel kelihatan seperti ini:
- Bingkai ini digunakan untuk semua empat objek.
- Sebagai alternatif, anda boleh menggunakan program penyuntingan imej seperti Gimp untuk menarik bingkai di sekitar imej anda.
- Walau bagaimanapun, sila ambil perhatian bahawa ini akan menjadikan imej lebih besar dan akan memakan masa lebih lama untuk pengunjung ke tapak web anda untuk memuat turun imej.
Tentukan bingkai dalam dokumen HTML dengan CSS
Anda boleh menentukan bingkai - contohnya kotak di sekeliling teks - dengan lembaran gaya yang melanda lebih tepat.
- Petua praktikal memberitahu anda bagaimana untuk menyatukan fail CSS ke laman web anda.
- Dalam dokumen CSS ini, anda boleh menetapkan warna dan ketebalan bingkai secara berbeza untuk semua empat halaman:
- border-bottom: # 999 - Menetapkan warna untuk bingkai bawah. Di sini anda juga boleh menggunakan "border-top", "border-right" atau "border-left".
- lebar sempit: 0 0 nipis nipis - Menentukan ketebalan baris. Ini dilakukan mengikut arah jam. Di sini ini bermakna tiada garisan boleh dilihat di bahagian atas dan kanan, manakala garis nipis telah ditakrifkan di bahagian bawah dan kiri.
- gaya sempadan: tiada alur alur - Menetapkan bingkai hiasan untuk gambar atau kotak anda. Gaya "alur" mencipta kesan 3D.
Laman web anda secara semulajadi hidup dari kehadirannya di internet. Dalam artikel seterusnya, anda akan membaca tip terbaik untuk meningkatkan ranking Google anda.