Photoshop'ta kullanıma hazır altbilgi tasarımımızla, onu statik HTML ve CSS modelimiz içinde oluşturmaya başlayabiliriz. İlk adım, kendimize üzerinde çalışmamız için biraz HTML vermektir. Zaten "footer.php" adlı tüm sayfalara dahil ettiğimiz bir "bölümümüz" var. Şimdilik altbilgi işaretlememizi eklemek için mükemmel bir yer burası.
Hariç tutabileceğiniz gibi, altbilgi bir etikettir. İçinde, bazı bağlantı listeleri. Gerçek bir bağlantı listesine bir bağlantı listesi koymanın aslında ideal olmayabileceğini tartışıyoruz.
- etiket. Gerçekten bir liste değiller, sonuçta sadece bazı bağlantılar. Bu makaleyi okuduktan sonra artık listelere gezinti koymuyorum.
CodePen'deki Zen Kodlama özelliğini, hızlı bir şekilde çalışmak üzere bir grup bağlantı elde etmek için kullanıyoruz. Denemek için, CodePen'in HTML düzenleyicisine * 8 yazın ve ardından Sekme tuşuna basın.
Alt alt bilgi için de işaretlemeyi yazarak bitiriyoruz. Aşağıda kullanılacak en iyi işaretleme hakkında biraz kafa yoruyoruz ama nihai bir şey seçip onunla devam ediyoruz. Zaten web'de bazı şeyleri değiştirmek kolaydır.