Sebaik sahaja anda mula membina laman web dengan HTML, anda akan mula bekerja dengan ukuran. Untuk membuat laman web anda kelihatan seperti yang anda mahu melihatnya, mungkin menyamai rekaan yang anda buat atau pereka lain yang telah dibuat, anda akan mahu mengubah saiz teks di laman web itu, serta elemen lain pada halaman. Untuk melakukan ini, anda mungkin mula mencari tag HTML "saiz", tetapi anda dengan cepat akan mendapati ia hilang.
Tag saiz HTML tidak wujud dalam HTML. Sebaliknya, untuk menetapkan saiz fon, imej atau susun atur anda, anda harus menggunakan Cascading Style Sheets. Malah, apa-apa perubahan visual yang anda perlu buat ke teks tapak atau elemen lain harus dikendalikan oleh CSS! HTML hanya untuk struktur sahaja.
Tag yang paling hampir dengan tag saiz HTML ialah tag font lama, yang memang mengandungi atribut saiz. Beri amaran bahawa teg ini telah diturunkan dalam versi HTML semasa dan mungkin tidak disokong oleh pelayar pada masa akan datang! Anda tidak mahu menggunakan tag font dalam HTML anda! Sebaliknya, anda harus belajar CSS untuk mengukur elemen HTML anda dan gaya laman web anda dengan sewajarnya.
Saiz Fon
Fon boleh dikatakan perkara paling mudah untuk saiz dengan CSS. Moreso daripada hanya saiz teks itu, dengan CSS anda boleh lebih spesifik tentang tipografi laman web anda. Anda boleh menentukan saiz fon, warna, selongsong, berat, yang terkemuka, dan banyak lagi. Dengan tag fon, anda hanya boleh menentukan ukurannya, dan kemudian hanya sebagai nombor yang relatif kepada saiz fon lalai pelayar yang berbeza bagi setiap pelanggan.
Untuk menetapkan perenggan anda untuk mempunyai saiz fon 12pt, gunakan gaya gaya saiz fon:
h3 {font-size = 24px; }Gaya ini akan menetapkan saiz fon headiing3 elemen 24 piksel. Anda boleh menambah ini pada helaian gaya luaran dan semua H3s laman web anda akan menggunakan gaya ini.
Jika anda mahu menambah gaya percetakan tambahan pada teks anda, anda boleh menambahkannya ke peraturan CSS ini:
h3 {font-size: 24px; warna: # 000; font-weight: normal; }Ini bukan sahaja menetapkan saiz fon untuk H3s, ia juga akan menetapkan warna menjadi hitam (iaitu kod heks # 000 bermakna) dan ia akan menetapkan berat kepada "normal". Secara lalai, penyemak imbas memberikan tajuk 1-6 sebagai teks tebal, jadi gaya ini akan menimpa lalai dan pada dasarnya "tidak berani" teks.
Saiz Imej
Imej boleh menjadi rumit untuk menentukan saiz kerana anda sebenarnya boleh menggunakan pelayar untuk mengubah saiz imej. Sudah tentu, mengubah saiz imej dengan penyemak imbas adalah idea yang tidak baik kerana ia menyebabkan laman memuatkan lebih perlahan dan penyemak imbas sering melakukan kerja saiz semula yang buruk, menjadikan imej kelihatan buruk. Sebaliknya, anda perlu menggunakan perisian grafik untuk mengubah saiz imej dan kemudian tulis saiz sebenar mereka dalam HTML halaman Web anda.
Tidak seperti fon, imej boleh menggunakan HTML atau CSS untuk menentukan saiznya. Anda menentukan lebar imej dan ketinggian. Apabila anda menggunakan HTML, anda hanya boleh menentukan saiz imej dalam piksel. Jika anda menggunakan CSS, anda boleh menggunakan pengukuran lain termasuk inci, sentimeter, dan peratusan. Nilai terakhir, peratusan, sangat berguna apabila imej anda perlu cair, seperti dalam laman web responsif.
Untuk menentukan saiz imej anda menggunakan HTML, gunakan atribut ketinggian dan lebar tag img. Sebagai contoh, imej ini akan menjadi 400x400 piksel persegi:
height = "400" width = "400" alt = "image" />Untuk menentukan saiz imej anda menggunakan CSS, gunakan ciri ketinggian dan gaya lebar. Berikut adalah imej yang sama, menggunakan CSS untuk menentukan saiznya:
gaya = "ketinggian: 400px; lebar: 400px;" alt = "imej" />Saiz Layout
Saiz yang paling umum yang anda tentukan dalam susun atur adalah lebar, dan perkara pertama yang perlu anda putuskan ialah sama ada menggunakan susun atur lebar tetap atau laman web yang responsif. Dengan kata lain, adakah anda akan menentukan lebar sebagai bilangan piksel, inci, atau mata yang tepat? Atau adakah anda akan menetapkan lebar susun atur anda dengan fleksibel menggunakan em atau peratusan? Untuk menentukan saiz susun atur anda, anda menggunakan ciri-ciri lebar dan ketinggian CSS seperti yang anda lakukan dalam imej.
Lebar tetap:
gaya = "lebar: 600px;">Lebar cecair:
gaya = "lebar: 80%;">Apabila anda membuat keputusan mengenai lebar untuk susun atur anda, anda perlu mengingati lebar penyemak imbas yang berbeza yang mungkin digunakan oleh pembaca anda dan peranti lain yang mereka gunakan juga. Inilah sebab mengapa laman responsif , yang boleh mengubah susun atur dan ukuran berdasarkan peranti dan saiz skrin yang berbeza, adalah standard amalan terbaik hari ini.