HTML Eğitimi

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

HTML Input (Giriş) Nitelikleri

Bu bölümde <input> HTML etiketinin farklı niteliklerini açıklamaya çalışacağım. value Niteliği value özelliği, bir giriş alanı için bir varsayılan başlangıç değeri belirtir: readonly Niteliği readonly yani Salt okunur giriş özelliği, bir giriş alanının salt okunur olduğunu belirtir. Salt okunur bir giriş alanı değiştirilemez (ancak kullanıcı sekmeyle bu alana gidebilir, onu vurgulayabilir ve buradan metni kopyalayabilir)….

HTML Renkler

HTML sayfalarında renkleri önceden tanımlanmış renk adlarıyla veya RGB, HEX, HSL, RGBA veya HSLA değerleriyle belirtilir. Bazı Renk İsimleri HTML’de tanımlı 140 standart renk adı vardır. İlerleyen eğitimlerde renkler başlığı altında daha detaylı olarak değineceğiz. Şimdi örnek olması açısından bir kaç renk örneği verelim. HTML Arka Plan Renkleri HTML dilinde öğelerinin arka plan rengini ayarlayabilirsiniz:…

HTML Tablo Boyutları

HTML tabloları her sütun, satır veya tablonun tamamı için farklı boyutlarda olabilir. Bir tablonun, satırın veya sütunun boyutunu belirtmek için style niteliğini width veya height özellikleriyle birlikte kullanılır. HTML Tablo Genişliği Bir tablonun genişliğini ayarlamak için style niteliğini <table> öğesine eklemek gereklidir: Aşağıdaki örnekte tablonun genişliği 100% olarak ayarlanmaktadır. Not : width özelliğinde yüzde kullanmak,…

Yerleşim Elemanları (HTML Layouts)

Web siteleri genellikle içeriği dergi veya gazete gibi birden çok sütunda gösterir. HTML Layout Elemanları HTML’de bir web sayfasının farklı bölümlerini tanımlayan çeşitli öğeler bulunur: HTML Layout Teknikleri Çok sütunlu düzenler oluşturmak için dört farklı teknik vardır. Her tekniğin artıları ve eksileri vardır: CSS Frameworks Bir web sitesini daha hızlı bir şekilde CSS ile geliştirmek…

HTML Input Form* Nitelikleri

Bu bölümde HTML <input> öğesinin farklı form* niteliklerini anlatmaya çalışacağız. form Niteliği input form özelliği <input> ögesinin ait olduğu formu belirtmek için kullanılır. Bu niteliğin değeri ait olduğu <form> elemanının id değerine eşit olmalıdır. HTML formunun dışında bulunan (ancak yine de formun bir parçası olan) bir giriş alanı: formaction Niteliği formaction özelliği, form gönderildiğinde girişi…

HTML RGB ve RGBA Renkleri

RGB renk değeri KIRMIZI, YEŞİL ve MAVİ (Red,Green,Blue) ışık kaynaklarını temsil eder. RGBA renk değeri, RGB’nin Alfa kanalına (opaklığa) sahip bir uzantısıdır. RGB Renk Değerleri HTML’de bir renk, şu formül kullanılarak RGB değeri olarak belirtilebilir: rgb(red, green, blue) Her parametre (R, G, B), 0 ile 255 arasında bir değerle rengin yoğunluğunu tanımlar. Bu, 256 x 256 x…

HTML Tablo Başlıkları

HTML tablolarında her sütun veya satır için ya da birçok sütun/satır için başlıklar bulunabilir. Tablo Başlıkları Tablo başlıkları th etiketiyle tanımlanır. Her th ögesi bir tablo hücresini temsil eder. HTML Dikey Tablo Başlıkları İlk sütunu tablo başlığı olarak kullanmak için ilk sütundaki alanları <th> olarak değiştirmek gereklidir. HTML Tablo Başlıklarını Hizalama Varsayılan olarak tablo başlıkları…

HTML Responsive Web Tasarım

Responsive yani duyarlı web tasarım, tüm cihazlarda düzgün görünen web siteleri yapmaya yarar. Bu tasarımlar farklı ekran boyutuna ve pencerelere göre otomatik boyutlandırılacaktır. Responsive Web Tasarım Nedir? Responsive Web Tasarımı, bir web sitesini tüm cihazlarda (masaüstü bilgisayarlar, tabletler ve telefonlar) iyi görünmesini sağlamak amacıyla otomatik olarak yeniden boyutlandırmak, gizlemek, küçültmek veya büyütmek için HTML ve…

HTML Canvas Grafikleri

HTML <canvas> etiketi bir web sayfasında grafik çizmek için kullanılır. Aşağıdaki grafik <canvas> ile oluşturulmuştur. HTML Canvas Nedir? HTML <canvas> öğesi, JavaScript aracılığıyla grafik çizmek için kullanılır. Grafikleri çizmek için JavaScript kullanmanız gerekir. Canvas’ta yollar, kutular, daireler, metin ve resim eklemek için çeşitli yöntemler bulunur. Canvas Tarayıcı Desteği Tablodaki sayılar, <canvas> etiketini tam olarak destekleyen…

HTML HEX Renkleri

Hex, onaltılık renk anlamına gelir. Onaltılık bir renk şu şekilde belirtilir: #RRGGBB; burada RR (kırmızı), GG (yeşil) ve BB (mavi) onaltılık tamsayılar rengin bileşenlerini belirtir. HEX Renk Değerleri HTML’de bir renk, aşağıdaki biçimde onaltılık bir değer kullanılarak belirtilebilir: #rrggbb Burada rr (kırmızı), gg (yeşil) ve bb (mavi), 00 ile ff arasındaki onaltılık değerlerdir (0-255 ondalık…