CSS (basamaklı stil sayfaları), web sayfalarınızdaki içeriğin ekranda nasıl görüntülendiğini önemli ölçüde kontrol etmenizi sağlar. Bu kontrol, web sayfasının yazdırılması gibi diğer ortamlara da uzanır.
Neden eklemek istediğinizi merak ediyor olabilirsiniz. baskı özelliği web sayfanıza; Sonuçta, çoğu kişi tarayıcı menülerini kullanarak bir web sayfasının nasıl yazdırılacağını zaten biliyor veya kolayca anlayabiliyor.
Ancak bir baskı düğmesi veya bağlantı bir sayfaya gitmek, yalnızca sayfa yazdırmaları gerektiğinde kullanıcılarınız için işlemi kolaylaştırmaz ancak, belki daha da önemlisi, bu çıktıların nasıl görüneceği üzerinde size daha fazla kontrol verin Kağıt.
Sayfalarınıza yazdırma düğmeleri veya yazdırma bağlantıları nasıl ekleyeceğiniz ve sayfa içeriğinizin hangi parçalarının yazdırılacağını ve hangilerinin yazdırılmayacağını nasıl tanımlayacağınız aşağıda açıklanmıştır.
Yazdırma Düğmesi Ekleme
HTML belgenize düğmenin görünmesini istediğiniz yere aşağıdaki kodu ekleyerek web sayfanıza kolayca bir yazdırma düğmesi ekleyebilirsiniz:
onclick = "window.print (); return false;" />
Düğme şu şekilde etiketlenecektir: bu sayfayı yazdır web sayfasında göründüğünde. Aşağıdaki tırnak işaretleri arasındaki metni değiştirerek bu metni istediğiniz gibi özelleştirebilirsiniz
değeri =Yukarıdaki kodda.
Metnin önünde ve sonrasında tek bir boşluk olduğunu unutmayın; bu, metnin uçları ile görüntülenen düğmenin kenarları arasına boşluk bırakarak düğmenin görünümünü iyileştirir.
Yazdırma Bağlantısı Ekleme
Web sayfanıza basit bir yazdırma bağlantısı eklemek daha da kolay. HTML kodunuza bağlantının görünmesini istediğiniz yere aşağıdaki kodu eklemeniz yeterlidir:
Yazdır
Bağlantı metnini istediğinizi "yazdır" olarak değiştirerek özelleştirebilirsiniz.
Belirli Bölümleri Yazdırılabilir Yapma
Kullanıcıların bir yazdırma düğmesi veya bağlantı kullanarak web sayfanızın belirli bölümlerini yazdırma becerisini ayarlayabilirsiniz. Bunu, bir print.css HTML dokümanınızın başında çağırır ve daha sonra bir sınıf tanımlayarak kolayca yazdırılabilir olmasını istediğiniz bölümleri tanımlar.
İlk olarak, HTML belgenizin başlık bölümüne aşağıdaki kodu ekleyin:
type = "text / css" medya = "yazdır" />
Ardından, adlı bir dosya oluşturun print.css. Bu dosyaya aşağıdaki kodu ekleyin:
gövde {görünürlük: gizli;}
.print {görünürlük: görünür;}Bu kod, öğeye atanmış "print" sınıfına sahip olmadıkça yazdırılırken gövdedeki tüm öğeleri gizli olarak tanımlar.
Artık tek yapmanız gereken, web sayfanızın yazdırılabilir olmasını istediğiniz öğelere "print" sınıfını atamaktır. Örneğin, div öğesinde tanımlanan bir bölümü yazdırılabilir yapmak için şunu kullanırsınız:
Sayfada bu sınıfa atanmamış başka hiçbir şey yazdırılmaz.