CSS’deki Bir Fotoğrafın Başlığı Olarak Metin Nasıl Görüntülenir?

Web yöneticileri, farklı metin türlerini biçimlendirmek için CSS - Basamaklı Stil Sayfası kodunu kullanarak Web sayfalarındaki metni görüntüleyebilir ve biçimlendirebilir. Metni bir fotoğraf için resim yazısı olarak görüntülemek için, resim yazısı metni için bir CSS kod sınıfı oluşturun ve sonra metni resim yazısı stilinde otomatik olarak biçimlendirmek için her resim yazısı sınıf tanımlayıcıyla etiketleyin.

Her zamanki Web tasarım programınızı, HTML editör uygulamasını veya Microsoft Notepad düz metin aracını başlatın. Biçimlendirmek istediğiniz başlığı içeren Web sayfasını açın.

Sayfanın üst kısmındaki başlık bölümüne gidin. Başlık bölümü “” etiketi ile başlar ve “” etiketi ile biter.

Aşağıdaki kod parçasını “” etiketinden hemen önce yazın veya yapıştırın:

Resim yazısı metninizi stillendirmek ve biçimlendirmek için küme parantezleri arasındaki her bir özelliği vurgulayın ve düzenleyin. Örneğin, "font-size" öğesini, resim yazısı için tercih ettiğiniz metin boyutuna değiştirin. “Font-family” dosyasını tercih ettiğiniz font yüzüne göre düzenleyin. Web sayfasındaki metnin geri kalanından sıyrılan veya sayfanın diğer bölümlerinde kullanılan yazı tipiyle eşleşen bir yazı tipi yüzü seçmek isteyebilirsiniz. Rengi “# 000000” - standart siyah metin - tercih ettiğiniz renk koduna çevirin. Yazı tipinde kalın yazıyla yazı yazmak istiyorsanız, "yazı tipi-kalınlıkta" özelliğini "normal" den "kalın" a değiştirin.

Stili uygulamak istediğiniz her fotoğraf başlığının konumuna, Web sayfasının gövde bölümünde, “” ve “” etiketleri arasında ilerleyin.

Resim yazısı metninden hemen önce “” yapıştırın veya yazın. Resim yazısı metninden sonra “” ekleyin. Kod şöyle görünmelidir:

Resmin içeriğini açıklayan örnek başlık metni.

Web sayfasını kaydedin ve ana sayfanızın içerik yönetim sisteminin kontrol panelinden veya bir Dosya Aktarım Protokolü uygulamasıyla web sitenizin ana sunucusuna her zamanki gibi yükleyin.

İpuçları

4. adımda tercih ettiğiniz resim yazısı yazı tipi rengi için doğru onaltılık renk kodunu bulmak için çevrimiçi bir renk seçme aracı kullanın.
CSS resim yazısı metin stilini uygulamak istediğiniz her Web sayfası için bu işlemi tekrarlayın.