HTML Eğitimi

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

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…

HTML Giriş Tipleri (Input Types)

Bu bölümde HTML <input> öğesinin farklı türlerini açıklayacağız. HTML Input Type HTML’de kullanabileceğiniz farklı giriş türleri şunlardır: Not : Varsayılan tip (type) text yani metindir. Input Type Text <input type=”text”> tek satırlı metin kutusu yaratmak için kullanılır. Input Type Password <input type=”password”> şifre girişi için kullanılır. Şifre girişinde karakterler yıldız (asteriks) şeklinde görünür. Input Type…

HTML Yorum Satırları

Yorum satırlarıyla kod içerisine bildirimler, hatırlatıcılar veya kod açıklaması ekleyebilirsiniz. İçerik Gizleme HTML kodu içerisinde kullanılacak yorum satırları içeriği gizlemek veya kodun çalışmasını önlemek için de kullanılabilir. Birden fazla kod veya içerik de gizlenebilir. <!— ve —> arasında kalan her kod satırı gizlenmektedir. Yorumlar diğer programlama dillerinde olduğu gibi HTML’de de hata ayıklama için kullanılabilir….