TEMEL SEVİYE HTML EĞİTİMİ

İlk web sayfanızı sıfırdan HTML ile kurun

Doküman yapısı, metin, bağlantı, görsel, tablo ve formlarla web sayfasının temelini öğrenin

Temel Seviye HTML Eğitimi, hiç kod yazmamış katılımcılara web sayfasının yapı taşı olan HTML'i sıfırdan öğretir. Program doküman iskeleti, head ve meta etiketleri, başlık ve metin biçimlendirmeyle başlar; bağlantılar, görseller, listeler ve tablolarla devam e…

3 gün Temel Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Doküman yapısından semantik etiketlere, bağlantı ve görsellerden form alanlarına temel akış

Temel Seviye HTML Eğitimi, hiç kod yazmamış katılımcılara web sayfasının yapı taşı olan HTML'i sıfırdan öğretir. Doküman iskeleti, baş bölümü ve meta etiketleri, metin biçimlendirme, başlık ve paragraflar ele alınır. Katılımcılar bağlantılar, görseller, listeler ve tablolar kurar; form alanları ve giriş türleriyle veri toplayan sayfalar oluşturur. Program semantik etiketler ve temel erişilebilirlik ilkeleriyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; baştan sona tek bir web sayfası etiket etiket kurularak yapı pekiştirilir.

Seviye

Temel Seviye — Hiç kod bilmeyenler için etiketler, bağlantılar, görseller, tablolar ve formlarla web sayfası kurma

Öğrenme Metodu

Her modülde yazılan HTML tarayıcıda anında görülür; etiketler gerçek bir tanıtım sayfası üzerinde adım adım uygulanır.

Neden Bu Eğitim?

🎯Sağlam temel

HTML web'in temelidir; etiket yapısını doğru öğrenmek CSS, JavaScript ve tüm modern çerçevelere geçişiniz için sağlam bir zemin kurar.

🧩Hızlı sonuç

Yazdığınız her etiketin sonucunu tarayıcıda anında görerek ilk dersten itibaren çalışan web sayfaları üretmenin tatminini yaşarsınız.

♿Doğru alışkanlık

Semantik etiket ve erişilebilirlik ilkelerini baştan öğrenerek arama motoru ve ekran okuyucu dostu sayfalar kurma alışkanlığı edinirsiniz.

Anahtar Konular

html eğitimitemel html kursusıfırdan html öğrenmeweb sayfası yapma eğitimihtml etiketlerihtml form eğitimiweb geliştirme eğitimibaşlangıç htmlhtml5 eğitimiweb tasarım temelleri
“Her web sitesi bir HTML etiketiyle başlar; bu eğitim o ilk etiketten çalışan bir sayfaya giden yolu adım adım açar.”

Ön Koşullar

Eğitime başlamadan önce yeterli olan temel bilgi ve ortam

1
Bilgisayar kullanımı

Dosya oluşturma, kaydetme ve klasör yönetimi gibi temel bilgisayar becerileri yeterlidir; kodlama bilgisi gerekmez.

2
Kod editörü

VS Code gibi ücretsiz bir metin editörünün kurulu olması yeterlidir; kurulum ilk modülde birlikte yapılabilir.

3
Tarayıcı

Chrome, Firefox veya Edge gibi güncel bir web tarayıcısı sayfaları görüntülemek için gereklidir.

4
İstek ve merak

Ön bilgi beklenmez; öğrenme isteği ve denemeye açık olmak eğitimden verim almak için yeterlidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı HTML doküman yapısını kurar, baş bölümü ve meta etiketlerini tanır, başlık, paragraf ve metin biçimlendirme etiketleriyle içerik yazar.
Modül 1
HTML'e Giriş ve İskelet
  • HTML'in web'deki rolü ve etiket mantığı
  • doctype bildirimi ve html kök etiketi
  • head ve body bölümlerinin ayrımı
  • Açılış, kapanış ve boş etiketler
  • Etiket iç içe yerleşimi ve girinti düzeni
  • İlk sayfanın tarayıcıda açılması
Modül 2
Baş Bölümü ve Meta
  • title etiketi ve sekme başlığı
  • meta charset ile karakter kodlaması
  • viewport meta etiketi ve mobil görünüm
  • description meta etiketi ve arama motoru
  • Favicon ve dış CSS dosyası bağlama
  • Dil tanımı için lang özniteliği
Modül 3
Başlıklar ve Paragraflar
  • h1'den h6'ya başlık hiyerarşisi
  • p etiketi ile metin paragrafı tanımı
  • br ile satır sonu ve hr ile ayraç
  • Boşluk ve satır davranışının mantığı
  • Başlık hiyerarşisinin doğru kullanımı
  • Yorum satırı ile kod içine not düşme
Modül 4
Metin Biçimlendirme
  • strong ve b ile kalın metin farkı
  • em ve i ile vurgulu ve eğik metin
  • mark, small ve del işaretleme etiketleri
  • sub ve sup ile alt ve üst simge
  • blockquote ve q ile alıntı gösterimi
  • code ve pre ile kod bloğu gösterimi
Günün hedefiKatılımcı sayfalar arası ve dış bağlantılar kurar, görsel ekler, sıralı ve sırasız listeler oluşturur ve verileri tablo biçiminde düzenler.
Modül 1
Bağlantılar ve Köprüler
  • a etiketi ve href ile bağlantı kurma
  • İç sayfa ve dış site bağlantıları
  • target ile bağlantıyı yeni sekmede açma
  • Sayfa içi çapa bağlantıları ve id
  • E-posta ve telefon bağlantıları
  • Bağlantı metninin anlamlı yazılması
Modül 2
Görseller ve Medya
  • img etiketi, src ve alt öznitelikleri
  • alt metninin erişilebilirlikteki önemi
  • Görsel boyutu width ve height ayarı
  • figure ve figcaption ile başlıklı görsel
  • Göreli ve mutlak dosya yolları
  • Sayfaya uygun görsel biçiminin seçimi
Modül 3
Listeler ve Madde Yapısı
  • ul ile sırasız liste oluşturma
  • ol ile sıralı liste ve numaralama
  • li ile tek bir liste öğesi tanımı
  • İç içe liste ile alt madde oluşturma
  • dl, dt ve dd ile tanım listesi
  • Listelerin menü yapısında kullanımı
Modül 4
Tablolar ve Veri Düzeni
  • table, tr ve td ile tablo kurma
  • th ile tablo başlık hücresi tanımı
  • thead, tbody ve tfoot bölümleri
  • colspan ve rowspan ile hücre birleştirme
  • caption ile tabloya başlık ekleme
  • Tablonun sadece veri için kullanımı
Günün hedefiKatılımcı form ve giriş alanlarıyla kullanıcıdan veri toplar, farklı input türlerini kullanır ve semantik etiketlerle sayfayı anlamlı bölümlere ayırır.
Modül 1
Form Yapısı ve Temelleri
  • form etiketi, action ve method
  • label ile alan etiketleme ve erişim
  • input text ve password alanları
  • textarea ile çok satırlı metin
  • button ve submit ile formu gönderme
  • name ve value özniteliklerinin rolü
Modül 2
Giriş Alanı Türleri
  • email, number ve tel giriş türleri
  • checkbox ile birden çok seçim alanı
  • radio ile tek seçimli seçenek grubu
  • select ve option ile açılır liste
  • date, time ve color seçicileri
  • placeholder ve required öznitelikleri
Modül 3
Semantik HTML5 Etiketleri
  • header ve footer ile sayfa bölümleri
  • nav ile sayfa gezinme menüsü tanımı
  • main, section ve article ayrımı
  • aside ile yan içerik bölümü tanımı
  • div ve span ile genel kapsayıcılar
  • Semantiğin SEO ve erişime katkısı
Modül 4
Erişilebilirlik ve İyi Uygulama
  • Anlamlı başlık ve etiket kullanımı
  • Görsellerde anlamlı alt metin ilkesi
  • Form alanlarının label ile eşlenmesi
  • Klavye ile gezinilebilir sayfa
  • Geçerli HTML için doğrulayıcı kullanımı
  • Temiz ve okunabilir kod düzeni

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Doküman yapısı

HTML doküman iskeletini, head ve body bölümlerini ve meta etiketlerini kurarak geçerli bir web sayfası oluşturabilirsiniz.

✅
Metin biçimlendirme

Başlık, paragraf ve metin etiketleriyle içeriği anlamlı biçimde düzenler, vurgu ve alıntıları doğru etiketlerle işaretlersiniz.

✅
Bağlantılar

Sayfa içi, sayfalar arası ve dış bağlantılar kurarak gezinilebilir ve birbirine bağlı web sayfaları oluşturabilirsiniz.

✅
Görsel ve medya

Görselleri alt metniyle doğru biçimde ekler, figure ve figcaption ile başlıklı görsel bloklarını oluşturabilirsiniz.

✅
Liste ve tablo

Sıralı ve sırasız listelerle içeriği düzenler, tablolarla verileri satır ve sütun yapısında anlamlı biçimde sunarsınız.

✅
Form alanları

Form ve çeşitli giriş türleriyle kullanıcıdan veri toplayan, etiketlenmiş ve kullanılabilir form sayfaları kurabilirsiniz.

✅
Semantik yapı

header, nav, main ve footer gibi semantik etiketlerle sayfayı anlamlı bölümlere ayırarak SEO dostu yapı kurarsınız.

✅
Erişilebilirlik

Alt metin, label eşleme ve klavye gezinmesi gibi temel erişilebilirlik ilkelerini uygulayan sayfalar oluşturabilirsiniz.

Kimler İçin Uygundur?

  • Web geliştirmeye yeni başlayanlar
  • kodla ilk kez tanışan öğrenciler
  • içerik
  • pazarlama ekiplerinde sayfa düzenlemesi gereken çalışanlar ve tasarımdan koda geçmek isteyen kişiler için uygundur

Sıkça Sorulan Sorular

Bu eğitim için önceden kod bilmem gerekir mi?
Hayır. Eğitim hiç kod yazmamış katılımcılar için tasarlanmıştır ve her konu sıfırdan anlatılır. Yalnızca temel bilgisayar kullanımı ve öğrenme isteği yeterlidir. İlk modülde kod editörü kurulumu birlikte yapılır ve ilk sayfa aynı gün tarayıcıda görülür.
HTML tek başına web sitesi yapmaya yeter mi?
HTML sayfanın yapısını ve içeriğini tanımlar; görsel tasarım için CSS, etkileşim için JavaScript devreye girer. Bu eğitim sağlam bir HTML temeli kurar ve CSS ile JavaScript'e geçiş için gereken yapı bilgisini verir. İleri eğitimlerle tam bir web sitesine ulaşılır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Baştan sona tek bir web sayfası etiket etiket kurularak konular pekiştirilir. Yüz yüze veya online yapılabilir; içerik kurumun ihtiyaçlarına ve katılımcıların seviyesine göre uyarlanabilir.
Semantik HTML neden önemlidir?
Semantik etiketler sayfanın bölümlerini anlamlı biçimde tanımlar; arama motorları içeriği daha iyi anlar ve ekran okuyucular kullanıcılara doğru yapıyı aktarır. Eğitimde header, nav, main, article ve footer gibi etiketler ile erişilebilirlik ilkeleri uygulamalı işlenir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen örnek web sayfasını belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Temel Seviye HTML Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeTemel Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSJavaScript Rules, Functions, & HTML Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript Rules, Functions, & HTML Elements Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.

Detayları Gör →
HTML ve CSSJQuery ve Bootstrap ile UI Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JQuery ve Bootstrap ile UI Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

jQuery ile DOM, olay ve AJAX; Bootstrap grid ve bileşenlerle responsive arayüz geliştirin. Uygulamalı orta seviye ön yüz UI eğitimi ile panel projesi kurun.

Detayları Gör →
HTML ve CSSManaging CSS with Scripts Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Managing CSS with Scripts Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

CSSOM, classList, CSS değişkenleri ve animasyonları JavaScript ile yönetin; dinamik tema geçişi ve script tabanlı stil kurun. Uygulamalı orta seviye eğitim.

Detayları Gör →
HTML ve CSSManaging HTML Assets, Servers, & Browsers Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Managing HTML Assets, Servers, & Browsers Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Görsel ve font optimizasyonu, HTTP, önbellek, CDN, dağıtım ve tarayıcı render sürecini öğrenin. Web performansı ve yayına alma için uygulamalı orta seviye eğiti

Detayları Gör →
HTML ve CSSOther HTML Helpers for ASP.NET MVC Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Other HTML Helpers for ASP.NET MVC Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

ASP.NET MVC HTML Helper metotlarıyla kuvvetli tipli form, seçim, doğrulama ve özel helper yazımını gerçek örneklerle öğreten uygulamalı eğitim.

Detayları Gör →
HTML ve CSSSalesforce ile HTML ve CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Salesforce ile HTML ve CSS Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Salesforce platformunda SLDS, Visualforce ve LWC ile HTML ve CSS kullanarak markalı, responsive ve erişilebilir arayüzler tasarlamayı öğreten eğitim.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn