Solusi Desain Standar - Bahasa Markup dan Manual Gaya
Solusi Standar Web Markup dan Buku Pegangan Gaya
Bagian 1: turun dengan markup mulai dengan markup
Bab 1 Daftar
Daftar dapat ditemukan di hampir setiap halaman di web. Daftar hyperlink; Daftar item keranjang belanja; Film yang Anda sukai ... dan bahkan daftar navigasi untuk seluruh situs web. Tampaknya bagi beberapa yang daftar dibangun sesuka hati, tetapi apa yang akan kita jelajahi adalah bagaimana cara membangun daftar dan kelebihan serta kerugian dari beberapa metode umum. Kemudian, kami akan mencantumkan beberapa contoh cara mempercantik episode daftar reguler.
Ayo berbelanja
Awalnya, saya berencana untuk menggunakan daftar terperinci (daftar binatu) sebagai contoh untuk bab ini, tetapi segera saya menyadari bahwa saya tidak tahu detail apa yang harus dimasukkan dalam daftar ini, jadi ... demi contoh, mari kita gunakan makanan sebagai contoh!
Mari kita bayangkan bahwa Anda perlu memasukkan daftar makanan di situs web Anda sendiri. Anda mungkin bingung mengapa Anda ingin memasukkan daftar makanan di situs web. Ini mungkin di luar topik. Kami hanya perlu alasan untuk mulai memikirkan daftar ...
Di halaman, misalkan kita ingin daftar itu terlihat seperti ... yah, sepertinya daftar - yaitu, daftar panjang daftar vertikal, dengan setiap item secara eksklusif mengambil satu baris:
Apel
Spageti
Kacang hijau
Susu
Terlihat sangat sederhana, bukan? Mirip dengan banyak aspek desain dan pengembangan halaman, kita dapat mencapai efek yang sama (atau serupa) melalui banyak metode yang berbeda. Seperti halnya semua contoh nanti dalam buku ini, saya akan menyajikan semua contoh dengan sudut pandang bahasa markup hypertext ekstensilble (xhtml) —dan pastikan metode yang dipilih menggunakan sintaks markup yang benar, mengikuti berbagai standar yang ditetapkan oleh World Wild Web Consortium (W3C).
Kami dapat dengan mudah menambahkan tag <br /> ke setiap proyek dan menyelesaikannya, atau kami dapat menggunakan berbagai tag proyek daftar untuk menyelesaikan pekerjaan ini. Sekarang mari kita lihat 3 metode yang sama sekali berbeda dan karakteristik masing -masing metode.