Bagaimana Menentukan Gaya dengan Pemilih Tag dalam Dreamweaver - dummies

Anda dapat membuat gaya yang sama sekali baru di Dreamweaver menggunakan pemanggil atau pemilih ID, namun Anda juga dapat membuat gaya yang mengubah format HTML yang ada. tag. Gaya ini dibuat dengan menggunakan pemilih tag , yang juga dikenal sebagai pemilih elemen . Bila Anda menentukan gaya menggunakan pemilih tag, Anda dapat mengubah tampilan, posisi, dan fitur lainnya dari setiap tag HTML yang ada.

Banyak tag HTML sudah menyertakan opsi pemformatan. Misalnya, tag judul mencakup format ke teks gaya menggunakan huruf besar tebal. Saat Anda membuat gaya dengan pemilih tag, Anda harus mempertimbangkan opsi pemformatan yang telah dikaitkan dengan tag tersebut. Setiap pilihan yang Anda tetapkan akan ditambahkan ke format yang ada atau mengganti format.

Anda mungkin bertanya, "Mengapa saya mendefinisikan kembali tag

dan bukan hanya menciptakan gaya judul baru menggunakan pemilih kelas atau ID? "Meskipun Anda dapat menentukan gaya kelas baru alih-alih mendefinisikan ulang tag HTML, terkadang menggunakan tag HTML yang ada lebih baik.

Gaya heading sangat penting di web karena teks yang diformat dalam tag

dikenali dengan baik sebagai teks terpenting pada halaman. Antara lain, teks yang diformat dalam tag

mungkin mendapat pertimbangan khusus dari mesin pencari.

Untuk membuat gaya yang mengubah tag HTML (seperti tag

) dengan pemilih tag, buat dulu file atau buka yang sudah ada lalu ikuti langkah-langkah ini:

1 Di panel Selectors pada panel Designer CSS, pilih style sheet yang ingin Anda tambahkan gaya baru.

Bila Anda membuat style untuk tag HTML yang ada, Anda tidak perlu menerapkan gaya itu sendiri seperti yang Anda lakukan dengan gaya kelas dan ID. Dimanapun Anda menggunakan tag HTML, pengaturan definisi gaya diterapkan.

2Jika Anda ingin menargetkan gaya ke jenis media atau ukuran layar tertentu, pilih atau tentukan kueri media di panel @Media.

Menggunakan kueri media dengan gaya adalah opsional. Jika Anda tidak menentukan permintaan media, Dreamweaver akan menggunakan properti Global dan gaya Anda akan bekerja di semua format media dan ukuran layar.

3Klik tanda tambah (+) pada panel Selectors.

Selektor baru ditambahkan ke panel Selectors.

Bila Anda mengklik tanda tambah (+) untuk membuat pemilih baru, beberapa hal bisa terjadi, tergantung pada apa yang sudah ada di halaman terbuka di Dreamweaver. Pertama kali Anda membuat gaya di halaman web kosong, Dreamweaver memasuki tubuh di panel Selectors.

Jika Anda mengerjakan sebuah halaman dengan teks atau konten lain yang diformat dengan tag atau gaya HTML, Dreamweaver dapat menambahkan pemilih majemuk berdasarkan elemen yang mengelilingi apa pun yang Anda pilih dengan kursor Anda.

4Di panel Selectors, klik dua kali nama pemilih. Mulailah memasukkan nama tag HTML, lalu pilih tag dari daftar drop-down yang muncul.

Anda dapat memasukkan nama tag HTML untuk membuat gaya menggunakan pemilih tag. Saat Anda mengetikkan tag HTML, daftar drop-down akan muncul dengan tag yang dimulai dengan huruf yang sama dengan yang Anda ketik. Memilih tag yang diinginkan dari daftar daripada mengetikkan seluruh nama tag itu sendiri adalah praktik yang baik karena Anda menghindari kesalahan ketik.

5Dalam panel Properties, tentukan pengaturan yang Anda inginkan dalam aturan gaya Anda.

Font dan warna segera diterapkan pada teks di halaman yang diformat dengan tag

.

Jika Anda ingin dapat menggunakan tag HTML yang sama dengan format yang berbeda di berbagai bagian halaman yang sama, Anda dapat membuat gaya majemuk. Gaya majemuk sangat berguna, misalnya jika Anda ingin teks diformat dengan tag

agar terlihat berbeda di bagian utama halaman Anda daripada yang ada di sidebar.