HTML Dersleri
HTML'in temellerini öğren ve ilk web sayfanı oluştur
Bu Kursun Sertifika Şartları
- Tüm zorunlu dersleri tamamla.
- Derslerin en az %80’ini çözümü görmeden tamamla.
Sertifika Henüz Hazır Değil
Sertifika için tüm dersleri tamamlamalısın (100/100).
HTML Giriş
HTML'in temellerini öğren ve ilk sayfanı oluştur
Başlıklar (Headings)
H1'den H6'ya kadar başlık etiketlerini kullan
Paragraflar
Paragraf etiketini kullanarak metin yaz
Linkler
Bağlantı oluşturmayı öğren
Görseller
Web sayfasına görsel ekle
Sırasız Listeler
Madde işaretli liste oluştur
Sıralı Listeler
Numaralı liste oluştur
Div ve Span
Bölümleme etiketlerini öğren
Form Giriş
Temel form elemanları
Buton Stili
CSS ile stil verme
HTML Tablo
Table ile tablo oluştur
Semantic HTML
Anlamsal HTML etiketleri
Select Element
Dropdown menü oluştur
Textarea
Büyük metin alanı
Checkbox
Checkbox grup oluştur
Radio Buttons
Tek seçimli butonlar
Button Types
Submit ve reset butonları
Fieldset
Form gruplama
Required Field
Zorunlu alanlar
Audio Element
Ses dosyası ekle
Video Element
Video oynatıcı ekle
Iframe
Başka sayfa göm
Meta Tags
Sayfa meta bilgileri
Strong ve Em
Metin vurguları
Abbreviation
Kısaltma göster
Code Tag
Kod snippet göster
Pre Tag
Önceden formatlanmış metin
Blockquote
Alıntı yap
Mark Tag
Vurgulama göster
Del ve Ins
Silinen ve eklenen metinler
Progress Bar
İlerleme çubuğu
Meter Element
Ölçüm göstergesi
Details ve Summary
Açılır kapanır içerik
Time Element
Tarih ve saat göster
Data Attributes
Özel veri özellikleri
Contenteditable
Düzenlenebilir içerik
Form Datalist
Otomatik tamamlama
Form Action
Form gönderme
Form Labels
Label kullanımı
Input Number
Sayı girdisi
Number Range
Range slider
Date Input
Tarih seçici
Color Picker
Renk seçici
Search Input
Arama kutusu
Tel Input
Telefon girişi
URL Input
Adres girişi
Password Input
Şifre girişi
File Input
Dosya yükleme
Fieldset Legend
Form başlıkları
Semantic Finale
Tam anlamsal sayfa
Datalist Giriş
Input otomatik tamamlama
Select ve Optgroup
Grup halinde seçenekler
Form Pattern
Girdi desenini doğrula
Checkbox Grubu
Aynı isimde check kutucukları
ARIA Etiketleri
Ekran okuyucu erişilebilirlik
Landmark Bölgeleri
Sayfa yapısal bölümleri
Focus Yönetimi
Klavye odaklanması
SVG Şekiller
Skalalanabilir vektör çizim
SVG Yollar
Path ile özgür çizim
Ses Öğesi
Audio ekleme
Resim Yükleme
Duyarlı görsel srcset
Open Graph
Sosyal ağ önizlemesi
Viewport Meta
Mobil ekran yapılandırma
İframe
Sayfa içinde sayfa gömme
Dialog
Modal iletişim kutusu
Template Etiketi
Yeniden kullanılabilir içerik
Contenteditable
Düzenlenebilir metin
Ayrıntılar ve Özet
Açılır/kapanır içerik
Duyarlı Resim
Picture ve source
Doğrulanmış Form
Yerleşik doğrulama
Veri Nitelikleri
Sayfa içinde veri taşıma
Semantik Capstone
Erişilebilir son sayfa
Form Erişilebilirliği
Label ve bağlantı kurma
Mobil Menü
Responsive navigasyon
HTML Capstone
Tüm kavramları birleştir
Semantic Landmark Regions
Sayfanı erişilebilir landmark bölgelerine böl
Fieldset & Legend Form Gruplama
Form gruplarını fieldset/legend ile düzenle
ARIA: aria-label ile Erişilebilir İkon
İkon butonlarına Erişilebilir ad ver
data-* Özel Nitelikler
Veri depolamak için data-* nitelikleri kullan
picture Resim Stratejisi
Farklı ekranlar için picture/source kullan
Datalist ile Öneri Kutusu
Input'lara öneri listesi ekle
details & summary
Açılır-kapanır içerik bölümü oluştur
dl / dt / dd Tanım Listesi
Anahtar-değer çiftleri için tanım listesi kullan
defer ile Script Yükleme
Script etiketinde defer niteliğini kullan
Pattern ile Form Doğrulama
Input pattern niteliği ile şifre formatla
output ile Canlı Sonuç
Hesaplama sonucunu output etiketiyle göster
Tablo Caption & Scope
Erişilebilir tablo için caption ve scope kullan
viewport ile Mobil Ölçek
Responsive için viewport meta ekle
Open Graph Etiketleri
Sosyal medya paylaşımı için og etiketleri ekle
optgroup İle Gruplu Seçenek
select içinde optgroup ile kategorize et
input type Farkları
date, color ve range input tiplerini kullan
contenteditable İçerik
Kullanıcının düzenleyebileceği alan yarat
Semantic Citation
Alıntı için cite ve address kullan
bdi ile Yön Koruması
Karışık dillerde metin yönünü koru
Lazy Loading Görsel
loading=lazy ile görsel performansı iyileştir
progress ve meter
Durum ve ölçüm göstergeleri
Tabındex ve Sekme Sırası
Klavye odak sırasını bilinçli yönet
iframe Güvenliği: sandbox
Dış içerik için sandbox niteliği uygula
Charset & Türkçe Karakterler
Doğru charset ile Türkçe karakterleri koru
Meta description
SEO İçin meta description ekle