13-03-2017 Saat: 23:12
Html’de yazı rengi değiştirmek istediğimizde <font color ” “> özelliğini kullanmamız gerekmektedir. Bu işlemin nasıl yapıldığını öğrenmek için aşağıdaki örneği inceleyebilirsiniz;
PHP Kod:
<font color="red">Bu bölüme yazılan yazılar kırmızı renkte gözükecektir.</font>
Bu şekilde web sayfanızdaki yazıların rengini istediğiniz şekilde değiştirebilirsiniz.
HTML5 Tarih Seçme Bölümü
Html5 ile sitemizde iletişim formumuza tarih seçim bölümü eklemek istediğimizde aşağıdaki komutu kullanmamız yeterli olacaktır;
PHP Kod:
<input type="date" name="date" size="15" value="2016-07-08">
HTML5 Meter Etiketi
Html5 ile birlikte birçok yeni özellik karşımıza çıkmaktadır. Bu yazıda sizlere html5 ile karşımıza çıkan meter etiketinin ne işe yaradığından bahsedeceğim. Meter etiketi, belirlediğimiz bir aralık içerisindeki değeri kullanıcılara görsel bir şekilde göstermemizi sağlamaktadır. Bu etiketin ne işe yaradığını ve kullanımını aşağıdaki örneği inceleyerek rahat bir şekilde öğrenebilirsiniz;
PHP Kod:
<meter min="0" max="100" value="90"></meter><br>
%90 Tamamlandı
Bu komutta min ve max bölümlerine görselin değer aralığını tanımlamış olduk. Value bölümünde ise değer aralığının kaç oranında dolu olarak gösterileceğini belirttik.
HTML İtalik Yazı Yazma
Html’de italik yazı yazmak için <i></i> etiketi kullanılmaktadır. Bu etiketin kullanımı aşağıdaki örnekteki gibidir;
PHP Kod:
<i>Bu yazı italik olarak gözükecektir...</i>
Web sayfamızda herhangi bir linke tıklandığında pupop şeklinde bir sayfa açtırmak istiyorsak aşağıdaki şekilde bir kod kullanmamız gerekmektedir;
PHP Kod:
<a onclick="window.open('http://bilgennet.com','','toolbar=no,scrollbars=no,resizable=no,width=900,height=500');">Buraya Tıklayın</a>
Html ile web sayfamızdaki yazıların rengini veya boyutunu istediğimiz şekilde değiştirebilmemiz mümkündür. Bu işlem için aşağıda yazdığım şekilde bir kod kullanmanız yeterli olacaktır;
PHP Kod:
<font size="15" color="red">bilisimzirve.com</a>
“Size” bölümünden yazı boyutunu “color” bölümünden yazı rengini istediğiniz şekilde ayarlayabilirsiniz.
HTML ile Google’da Ara Bölümü Yapma
Html iletişim form elemanlarını kullanarak sitemizde Google’da arama bölümü yapabilmemiz mümkündür. Bu işlem için aşağıdaki kodu inceleyebilirsiniz;
PHP Kod:
<html>
<form action="http://www.google.com/">
Kelime Ara: <input name="q" /> <input type="submit"/>
</form>
</html>
Html sayfamızın içine ekleyeceğimiz bir kod sayesinde web sitemize yapılacak olan sızıntıları önlememiz mümkündür. Eklememiz gereken kod aşağıdaki şekildedir;
PHP Kod:
htmlspecialchars();
Bu kodu ekledikten sonra < karakteri &alt; şeklinde olacaktır.
HTML5 Sayı Seçimi Bölümü Ekleme
Html5 ile web sayfamızda oluşturduğumuz iletişim formlarına sayı seçimi bölümü eklememiz mümkündür. Bu işlem için web sayfamıza aşağıdaki kodları eklememiz yeterli olacaktır;
PHP Kod:
Bir Sayı Seçiniz:<input type="number" name="sayi">
Html5 ile web sayfamızda oluşturduğumuz iletişim formlarına tarih ve saat seçimi ekranı eklememiz mümkündür. Bu işlem için web sayfamıza aşağıdaki kodları eklememiz yeterli olacaktır;
PHP Kod:
Tarih ve Saat Seçiniz:<input type="datetime-local" name="tarihsaat">
Formumuza bu kodu eklediğimizde saat ve tarih seçim bölümü eklenmiş olacaktır. Tekrar görüşmek üzere.