3 Tips Belajar Html Dan Css Dasar

3 Tips Belajar Html Dan Css Dasar

Dalam belajar html dan css dasar ada beberapa tips yang bisa Anda praktekkan agar menjadi pro dalam waktu singkat.

Gunakan Lebar Dan Tinggi Dengan Gambar Html

Sebaiknya tentukan lebar dan tinggi gambar saat menggunakan tag <img>. Sebagai contoh:

<img src = “myphoto.jpg” width = “234” height = “123”>

Keuntungan dari melakukan ini adalah bahwa browser Web dapat memformat halaman lebih cepat ketika dimuat, karena ia tahu bagaimana menata gambar sebelum mereka diunduh. Ini berarti bahwa pengunjung Anda dapat mulai menjelajahi halaman Anda tanpa harus menunggu semua gambar ditampilkan.

Kebanyakan paket grafis (Photoshop, Paint Shop Pro, dll) memungkinkan Anda untuk melihat lebar dan tinggi gambar (dalam piksel) sehingga Anda dapat memasukkan nilai ke dalam tag <img>. Anda juga dapat mengklik kanan pada gambar dan memilih Properties (di Internet Explorer) atau melihat gambar di jendela sendiri dan membaca lebar dan tinggi di title bar (di sebagian besar browser lain).

Non-breaking spaces dalam HTML

Terkadang Anda ingin menyimpan kata-kata tertentu bersama-sama sehingga mereka tidak terpecah menjadi dua garis. Cara melakukannya adalah dengan ruang yang tidak putus. Dalam HTML, markup untuk ruang non-pemecah terlihat seperti ini:

& nbsp;

Gunakan tabel untuk data tabel, CSS untuk tata letak

Tabel secara tradisional telah digunakan untuk meletakkan konten di halaman; Namun ini tidak pernah dimaksudkan untuk digunakan. Mereka benar-benar dimaksudkan untuk digunakan untuk menampilkan data tabular (seperti data dari spreadsheet, misalnya).

Dengan kemampuan memposisikan CSS, Anda dapat membangun halaman HTML yang hanya berisi konten halaman, dan menggunakan style sheet terpisah untuk meletakkan konten keluar. Meskipun memiliki kurva belajar yang lebih curam daripada tata letak berbasis tabel, penempatan CSS layak dipelajari karena situs yang dihasilkan akan lebih cepat dimuat, lebih mudah dikelola, dan lebih mudah diakses.

Posisi CSS juga dapat melakukan banyak trik keren yang sangat sulit dengan tabel, dan Anda juga dapat mengubah seluruh tampilan situs Anda hanya dengan mengubah style sheet Anda.

Itulah beberapa tips belajar html kali ini, semoga bermanfaat untuk Anda.

View Comments
Published by
1 month ago