Eyl 30

HTML Yazı Rengi Değiştirme

html5Html’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;

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

Tem 08

HTML5 Tarih Seçme Bölümü

html5Html5 ile sitemizde iletişim formumuza tarih seçim bölümü eklemek istediğimizde aşağıdaki komutu kullanmamız yeterli olacaktır;

<input type="date" name="date" size="15" value="2016-07-08">

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Tem 06

HTML5 Meter Etiketi

html5Html5 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;

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

Tem 03

HTML İtalik Yazı Yazma

html5Html’de italik yazı yazmak için <i></i> etiketi kullanılmaktadır. Bu etiketin kullanımı aşağıdaki örnekteki gibidir;

<i>Bu yazı italik olarak gözükecektir...</i>

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Tem 03

Linke Tıklandığında Popup Sayfası Açtırma

javascriptWeb 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;

<a onclick="window.open('http://bilgennet.com','','toolbar=no,scrollbars=no,resizable=no,width=900,height=500');">Buraya Tıklayın</a>

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Haz 02

HTML Yazı Rengi ve Boyutu Değiştirme

html5Html 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;

<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. Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Şub 13

HTML ile Google’da Ara Bölümü Yapma

html5Html 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;

<html>
<form action="http://www.google.com/">
Kelime Ara: <input name="q" /> <input type="submit"/>
</form>
</html>

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Şub 13

HTML Sızıntılarını Önlemek

htmllogoommHtml 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;

htmlspecialchars();

Bu kodu ekledikten sonra < karakteri &alt;  şeklinde olacaktır.

Ara 02

HTML5 Sayı Seçimi Bölümü Ekleme

html5Html5 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;

Bir Sayı Seçiniz:&lt;input type="number" name="sayi"&gt;

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Ara 01

HTML5 Tarih ve Saat Seçimi

html5Html5 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;

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. Şimdilik hoşçakalın.