Html 5 arşivleri - Murat Bilginer

FrontEnd Developer RoadMap – HTML 5 Tutorial 50 Tüm Etiketler

Murat Bilginer — Wed, 07 Sep 2022 03:11:27 +0000

Merhabalar, aşağıda bu zamana kadar gördüğümüz ya da görmediğimiz Html etiketlerinin bir listesini görüyor olacaksınız. İhtiyaç duyduğunuzda dönüp tekrar bakabilirsiniz. Etiket Tanımı <!– … –> Sayfa kaynağınızda yorum tanımlar. <!DOCTYPE> Doküman türü bildirimi tanımlar. <a> Bağlantılı metin (link) tanımlar. <abbr> Kısaltma tanımlar. <acronym> Kısaltma tanımlar.HTML5 desteklenmiyor. <address> Belge veya makalenin sahibinin/yazarının iletişim bilgilerini tanımlar. <applet>...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 50 Tüm Etiketler appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 49 Özel Karakterler

Murat Bilginer — Wed, 07 Sep 2022 03:09:20 +0000

Merhabalar, bu yazımda Html için anlamlı olan özel karakterlere ve bunların nasıl kullanılabileceğine bakacağız. Html’de bazı karakterler önceden rezerve edilmiştir ve kullanılması için özel bir kodlama gerektirir. Örneğin < küçüktür işareti ya da > büyüktür işareti kullanıyorsanız tarayıcı bunu etiket kullanımı gibi algılayabilir, bu yüzden doğrudan kullanmak doğru olmayacaktır. Bu özel karakterleri oluşturmak için şöyle bir yapı kullanmalıyız; Yukarıda...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 49 Özel Karakterler appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 48 Embed Etiketi

Murat Bilginer — Wed, 07 Sep 2022 03:01:13 +0000

Merhabalar, bu yazımda sitemiz içinde başka sitelerden bize sunulmuş bölümleri parçaları eklemek için kullandığımız embed etiketine bakacağız. Fiil olarak kullanıldığında; “yerleştirmek, gömmek, oturtmak, kafasına sokmak” anlamına gelmektedir. Bir sayfada Embed etiketi kullanılarak o alana dışarıdan çalışan bir sayfa/kaynak veya plug-in çağrılarak sayfa içerisinde görüntülenebilir. Embed etiketi özellikle internet tarayıcıları tarafından doğrudan tanınmayan elementleri web sayfalarının içerisine...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 48 Embed Etiketi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 47 IFrame Etiketi

Murat Bilginer — Wed, 07 Sep 2022 02:40:13 +0000

Merhabalar, bu yazımda sitemizin içinde farklı siteleri gösterebilmek için kullandığımız Iframe etiketine bakıyor olacağız. Hemen başlayalım. En basit IFrame aşağıdaki gibi yaratılır. src attribute’u sitenin linkini alır. Görüntüsü aşağıdaki gibi olacaktır. IFrame alanına bir genişlik ve yükseklik vererek boyutlandırabiliriz. IFrame bir inline etikettir. o yüzden bulunduğu satırda alt satıra geçmek istersek daha önceden öğrendiğimiz yolları...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 47 IFrame Etiketi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 46 Marquee Etiketi

Murat Bilginer — Wed, 07 Sep 2022 02:29:38 +0000

Merhabalar, bu yazımda kayan içerikler oluşturmak için kullanacağımız marquee etiketine bakacağız. Marquee etiketi içine bir yazı koyulabilir. Bir resim koyulabilir. Marquee içine ismimizi yazalım ve soldan sağa kaydıralım. Marquee etiketinin direction attribute’u ile yönünü belirtebiliriz. Şimdi bunu bir resim ile yapalım. right left up ve down değerlerini verelim. Aynı anda sağdan sola ve soldan sağa...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 46 Marquee Etiketi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 45 Details Etiketi

Murat Bilginer — Wed, 07 Sep 2022 01:45:25 +0000

Merhabalar, bu yazımda açılır kapanır içerik bölümleri yaratmak için details etiketine bakacağız. Details etiketi, başlangıçta gizlenen, ancak kullanıcı görmek isterse görüntülenebilecek içerikler/bilgiler için kullanılır. Bu etiket, kullanıcının açabileceği veya kapatabileceği etkileşimli pencere öğesi oluşturmak için kullanılır. Details etiketinin içeriği, ayarlanan özellikleri açtığınızda görülebilir. Details etiketi içinde yazılan summary etiketi açılır menünün başlık kısmını ifade eder....

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 45 Details Etiketi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 44 Form Nesneleri 11 – Textarea

Murat Bilginer — Wed, 07 Sep 2022 01:32:23 +0000

Merhabalar, bu yazımda çoklu satırda girdiler yapmamızı sağlayan bir text field etiketinden Textarea’dan bahsedeceğiz. Html Textarea etiketi, çok satırlı metin giriş kontrolü (textbox) oluşturulmasını sağlar. Aşağıdaki örnek, html Textarea etiketi ile 10 satır ve 40 sütunluk metin giriş kutusu oluşturulmasını göstermektedir. Textarea etiketinin cols attribute’u kaç sütun olacağınız rows attribute’u kaç satır olacağını gösterir. Değeri okunmak istendiğinde...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 44 Form Nesneleri 11 – Textarea appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 43 Form Nesneleri 10 – Select Nesnesi

Murat Bilginer — Tue, 06 Sep 2022 01:10:41 +0000

Merhabalar, bu yazımda form nesnelerinden select’e bakıyor olacağız. Select etiketi, biri liste kutusu (listbox) diğeri aşağı açılır liste (drop-down list) tipinde olmak üzere iki farklı tipte seçim kutusu (select box) oluşturulmasını sağlar. Bu iki tip arasındaki tek fark size özelliği ile belirtilen seçim kutusu içinde gösterilecek seçenek miktarıdır. Liste elemanları optgroup ve option etiketleri ile...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 43 Form Nesneleri 10 – Select Nesnesi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 42 Form Nesneleri 9 – Button Etiketi

Murat Bilginer — Tue, 06 Sep 2022 00:39:35 +0000

Merhabalar, bu yazımda form ögelerinden button etiketine bakacağız. Button etiketi, input type=”button” etiketi ile oluşturulan düğmeden biraz daha gelişmiş bir düğme (button) kontrolü oluşturulmasını sağlar. En önemli farkı button etiketi içinde bazı html etiketlerinin kullanılabilmesidir. Dolayısıyla img etiketi kullanılarak button üzerinde göstermek için bir resim eklenebilir. Button etiketinin type attribute’u button – submit – reset değerlerini alabilir. Bir...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 42 Form Nesneleri 9 – Button Etiketi appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 41 Form Nesneleri 8 – Input Etiketinin Diğer Nesneleri

Murat Bilginer — Mon, 05 Sep 2022 13:47:05 +0000

Merhabalar, bu yazımda input etiketinin diğer nesnelerinden bahsediyor olacağız. 1 Hidden Hidden nesnesi kullanıldığında sayfada görünmez. Ancak içerdeki bazı bilgileri forma göndermek için kullanılır. Yönetimi yazılımsal yapılır. Kullanıcı etkileşimi söz konusu değildir. 2 Button Ekranda bir buton nesnesi yaratmak için kullanılır. 3 Color Ekrandan kullanıcıya renk seçtirmek için kullanılır. name ile RGB değerleri alınabilir seçilen...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 41 Form Nesneleri 8 – Input Etiketinin Diğer Nesneleri appeared first on Murat Bilginer.