Kategori arşivi: HTML-HTML5

Html Yazdır Butonu Ekleme

Bir web sitesindeki sayfayı yazıcıdan yazdırabilmemiz için çeşitli yöntemler bulunmaktadır. Ctrl + P kısayolunu kullanmak bu yöntemlerden bir tanesidir. Bir diğer yöntem ise web sayfalarına yazdır butonu eklemektedir.

Web sayfamıza yazdır butonu ekleyerek kullanıcıların kolay bir şekilde web sayfasının çıktısını almasını sağlayabiliriz. Bu işlem yazdırma işleminin yapılmasını istediğimiz web sayfasına aşağıdaki komutu eklememiz yeterli olacaktır;

<input type="button" onclick="window.print()" value="BU SAYFAYI YAZDIR">

Bu komutu eklediğimiz sayfada yazdırma butonu aktif olacaktır. Ziyaretçiler bu butona tıkladığında yazdırma sayfası karşılarına gelecektir. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

HTML5 Video Ekleme

html dersleri

Html ile oluşturduğunuz web sitenize sadece birkaç komut ile video ekleyebilmeniz mümkündür. Bu işlem için ilk olarak web sunucunuzda oluşturduğunuz bir klasöre videonuzu yüklemeniz gerekmektedir. Biz örneğimizde videomuzun /videolar klasöründe olduğunu varsaydık. Şimdi html5 ile video ekleme işlemi için hangi komutlar kullanmamız gerektiğini öğrenelim;

Html5 ile video eklemek aşağıdaki gibi bir komut kullanmamız yeterli olacaktır;

<video width="400" height="350" controls="controls">
<source src="videolar/ornek.mp4" type="video/mp4">
</video>

Bu komutta “controls” değeri videomuzda başlat, durdur, ses ayarı gibi nesnelerin eklenmesini sağlar. Width, height değerleri ise videomuzun web sayfamızdaki boyutlarını belirler.

Web sayfamız yüklendiğinde videonun otomatik olarak başlamasını istiyorsak komutumuza “autoplay” değerini eklememiz gerekmektedir. Bu işlem için aşağıdaki örnekteki gibi bir komut eklemeniz yeterli olacaktır;

<video width="400" height="350" autoplay="autoplay" controls="controls">
<source src="videolar/ornek.mp4" type="video/mp4">
</video>

Evet html5 ile video ekleme işlemi bu kadar kolay. Html5 ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

HTML Kayan Yazı Kodu

Web sitelere giriş yaptığımızda mutlaka kayan yazılar ile karşılaşmışızdır. Özellikle duyurular ve haberler birçok sitede kayan yazı olarak karşımıza gelmektedir. Web sitemize kayan yazı eklemek istiyorsak birkaç html komutu eklememiz yeterli olacaktır. Bu yazımızda web sitelere kayan yazı eklemek için uygulamamız gereken komutları basit bir şekilde açıklayacağız;

Sağdan Sola Doğru Kayan Yazı Nasıl Eklenir?

<marquee direction=right>Bu yazı sağdan sola doğru kayacaktır...</marquee>

Soldan Sağa Doğru Kayan Yazı Nasıl Eklenir?

<marquee>Bu yazı soldan sağa doğru kayacaktır...</marquee>

Yukarıdan Aşağıya Doğru Kayan Yazı Nasıl Eklenir?

<marquee direction="down" scrollamount="1">Bu yazı yukarıdan aşağıya doğru kayacaktır...</marquee>

Not: Buradaki scrollamount=”1″ komutu kayma hızını belirtmektedir. Değeri arttırarak kayma hızını yavaşlatabiliriz.

Aşağıdan Yukarıya Doğru Kayan Yazı Nasıl Eklenir?

<marquee direction="up" scrollamount="1">Bu yazı aşağıdan yukarı doğru kayacaktır...</marquee>

Html ile kayan yazı ekleme işlemi bu kadar kolay. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.