Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
HTML Yazı Rengi Değiştirme Htl 5
#1
html5.png

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

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




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

javascript.png
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 Yazı Rengi ve Boyutu Değiştirme
html5.png

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
html5.png
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 Sızıntılarını Önlemek
htmllogoomm.jpg
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.png
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:&lt;input type="number" name="sayi"&gt
HTML5 Tarih ve Saat Seçimi
html5.png
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.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping