HTML Eğitimi

Temel HTML eğitimini örneklerle, görsel bir şekilde ve tamamen ücretsiz öğrenebilirsiniz.

HTML Form Nitelikleri

HTML form nitelikleri, kullanıcıdan veri almak ve sunucuya iletmek için kullanılan birçok özelliği içeren HTML form elemanlarının nitelikleridir. Bu makalede HTML form nitelikleri hakkında detaylı bilgi bulabilirsiniz.

HTML SSE (Server-Sent Events) API

Sunucu Tarafından Gönderilen Etkinlikler (SSE), bir web sayfasının bir sunucudan güncelleme almasına olanak tanır. Server-Sent Events – Tek Yönlü Mesajlaşma Sunucu tarafından gönderilen olay, bir web sayfasının güncellemeleri bir sunucudan otomatik olarak almasıdır. Bu daha önce de mümkündü ancak web sayfasının herhangi bir güncelleme olup olmadığını sorması gerekiyordu. Sunucu tarafından gönderilen etkinliklerde güncellemeler otomatik olarak…

HTML Yazı Biçimlendirme

HTML, metni özel biçimlendirmek için çeşitli öğeler içerir. HTML Biçimlendirme Ögeleri Biçimlendirme öğeleri, özel metin türlerini görüntülemek için tasarlanmıştır: HTML <b> ve <strong> Ögeleri HTML dilinde <b> etiketi, ekstra önem taşımadan kalın metin oluşturmak için kullanılır. HTML dilinde <strong> etiketi, ekstra önem taşıyan kalın metin oluşturmak için kullanılır. SEO açısından önemlidir. HTML <i> ve <em>…

HTML title Ögesi

Her web sayfasında, sayfanın anlamını açıklayan bir sayfa başlığı bulunmalıdır. Başlık sayfanın içeriğini ve anlamını açıklamalıdır. Sayfa başlığı arama motoru optimizasyonu (SEO) açısından çok önemlidir. Metin, arama motoru algoritmaları tarafından, arama sonuçlarında sayfaları listelerken sıraya karar vermek için kullanılır. <title> Ögesi tarayıcı araç çubuğundaki bir başlığı tanımlar favorilere eklendiğinde sayfaya bir başlık sağlar arama motoru…

HTML JavaScript Kullanımı

JavaScript komutları, HTML sayfalarını daha dinamik ve etkileşimli hale getirir. Aşağıdaki örnekte butona basınca tarih ve saati anlık olarak görebilirsiniz. HTML <script> Etiketi HTML <script> etiketi, JavaScript komut dosyasının tanımlanması için kullanılır. <script> ögesi HTML dosyası içinde komut dosyası içerebileceği gibi harici olarak da js uzantılı javascript komut dosyası çağırabilir. Javascript yaygın olarak görüntü işleme,…

HTML Form Ögeleri

Bu bölümde tüm farklı HTML form öğelerini açıklamaya çalışacağız. HTML <form> Ögeleri HTML <form> öğesi aşağıdaki form öğelerinden bir veya daha fazlasını içerebilir: HTML <input> Etiketi En çok kullanılan form öğelerinden biri <input> öğesidir. <input>, type özelliğine bağlı olarak çeşitli şekillerde görüntülenebilir. HTML <label> Etiketi <label> öğesi, çeşitli form öğeleri için bir etiket tanımlar. <label>…

HTML Etiketler ve Açıklamaları

HTML Etiketleri Alfabetik Olarak Sıralanmıştır: Etiket Açıklama <!–…–> Yorum oluşturur <!DOCTYPE>  Belge tipi tanımlar <a> Link oluşturmak için kullanılır <abbr> Kısaltma tanımlamak için kullanılır <acronym> HTML5’te desteklenmez. Bunun yerine kullanın. Bir kısaltma tanımlar <address> Bir belgenin yazarı/sahibinin iletişim bilgilerini tanımlar <applet> HTML5’te desteklenmez. Bunun yerine veya <area> Bir görüntü haritasının içindeki bir alanı tanımlar <article>…

HTML Alıntı ve Alıntı Etiketleri

Bu yazımızda <blockquote>, <q>, <abbr>,<address>,<cite> ve <bdo> HTML etiketlerini inceleyip öğreneceğiz. HTML Alıntıları için <blockquote> HTML <blockquote> ögesi başka bir kaynaktan alıntılanan yazının bölümünü göstermek için kullanılır. Çıktısı için yukarıdaki ekranı inceleyebilirsiniz. HTML Kısa Alıntılar İçin <q> <q> etiketi kısa alıntıları tanımlamak için kullanılır. Tarayıcılar genellikle alıntıları tırnak işaretiyle gösterir. HTML Kısaltmalar İçin <abbr> <abbr>…

HTML Tablolar

HTML tabloları, web sitesi yapacak kişilerin verileri satırlar ve sütunlar halinde düzenlemesine olanak tanır. HTML Tablo Tanımlama HTML’deki bir tablo, satır ve sütunların içindeki tablo hücrelerinden oluşur. HTML Tablo Hücreler (Cells) HTML’de hücreler <td> ve </td> etiketleriyle tanımlanır. td’nin açılımı table data’dır. Not: Bir tablo her türlü HTML öğesini içerebilir: metinler, resimler, listeler, bağlantılar, iç…

HTML Dosya Yolları

Dosya yolu, bir dosyanın veya bir web sitesinin klasör yapısındaki konumunu açıklar. Dosya Konumu Açıklama <img src=”resim.jpg”> “resim.jpg” dosyası geçerli sayfayla aynı klasörde bulunur <img src=”images/resim.jpg”> “resim.jpg” dosyası geçerli klasördeki images klasöründe bulunur <img src=”/images/resim.jpg”> “resim.jpg” dosyası mevcut sunucunun anadizininde images klasöründe bulunur <img src=”../resim.jpg”> “resim.jpg” dosyası, geçerli klasörün bir üst klasörde bulunur HTML Dosya…