Web Sayfanıza Yazdır Düğmesi veya Bağlantı Ekleme

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:

instagram viewer
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.