Web Sayfalarındaki Dijital Görüntüleri Gizleme

Basamaklı stil sayfaları, web sitenizdeki sayfaları korurken zaman kazanmanıza yardımcı olabilir. Dijital görüntüler, örneğin, muhtemelen bazı Web sayfalarınızda görünür. İnsanların bu görüntüleri görmesini önlemeniz gerekirse, HTML belgenizdeki tek bir kelimeyi değiştirerek görüntüleri gizlemek için CSS'yi kullanabilirsiniz. Belgenizin CSS kodunu hızlı bir şekilde güncelleyerek görüntüleri anında yeniden görüntüleyebilirsiniz.

1.

En az bir resim içeren bir HTML belgesi açın ve belgenin gövde bölümünü bulun. Gövde bölümünün görüntü etiketleri aşağıda gösterilene benzer görünecektir:

"İmg" kelimesiyle başlayan temel bir resim etiketi. Bu örnekteki etiket, “img / setting-up-new-business / 167 / how-dijital-görüntüleri-web-sayfaları-2.jpg” adlı bir görüntüye başvuruyor.

2.

Resim etiketlerinizden birini, aşağıdaki örnekte gösterildiği gibi “görünürlük” adlı bir CSS sınıfına referans verecek şekilde değiştirin:

Etiketin zaten bir sınıf referansı varsa, etiketi biraz farklı bir şekilde değiştirmeniz gerekir. Etiketinizin aşağıda gösterildiği gibi göründüğünü varsayalım:

Bu resim etiketi zaten “myclass” adlı bir sınıfa atıfta bulunuyor. İmg etiketiniz zaten bir sınıfa atıfta bulunuyorsa, bunun gibi, sınıf adından sonra, aşağıda görüldüğü gibi “görünürlük” ekleyin:

3.

Aşağıdakileri belgenizin baş kısmına yapıştırın:

Bu, görünürlük sınıfını oluşturur ve ekran öznitelik değerini “blok” olarak ayarlar. Bu değer görüntüleri görünür hale getirir.

4.

Belgeyi kaydedin ve herhangi bir tarayıcıda açın. Resimleriniz normal görünecek.

5.

Editörünüze dönün ve belgenin baş bölümüne eklediğiniz CSS kodunu bulun. Ekran niteliğinin değerini "blok "tan" yok "olarak değiştirin ve belgeyi kaydedin.

6.

Tarayıcınıza geri dönün ve geçici depolama alanını silmek için “Ctrl-F5” düğmesine basın. Sayfa yenilendiğinde resimleriniz kaybolur.

İpuçları

• Gizlemek istediğiniz her resme bir sınıf referansı ekleyin. CSS sınıfınıza istediğiniz herhangi bir şeyi verin. Bu örnekte adı “görünürlük” tür.
• “None” kelimesini “block” olarak değiştirerek resimlerinizi tekrar görünür kılın.