---
title: Web'i HTML ile oluşturma
slug: Öğren/HTML
tags:
  - Başlangıç
  - HTML
  - Konu
  - Kılavuz
  - Tanıtım
  - Yeni başlayan
  - Öğrenmek
translation_of: Learn/HTML
---
<div>{{LearnSidebar}}</div>

<p class="summary">WEB Siteleri kurabilmek için, bir web sayfasının yapısını kuran ve en temel teknoloji olan {{Glossary('HTML')}} bilmelisiniz. <span id="result_box" lang="tr"><span>HTML, web sayfanızın içeriğinin kullanıcı ekranında nasıl algılanacağını belirler; bir paragraf, liste, başlık, bağlantı, resim, multimedya oynatıcı, form olarak mı yada mevcut diğer birçok öğeden biri veya sizin tanımlayacağınız yeni bir öğe olarak mı anlaşılacağını belirler.</span></span></p>

<h3 id="Front-end_Ön-yüz_web_tasarımcısı_olmak_ister_misiniz">(Front-end) Ön-yüz web tasarımcısı olmak ister misiniz?</h3>

<p>Amacınız için çalışmanız gereken tüm gerekli bilgileri içeren bir kurs derledik;</p>

<p><a href="https://wiki.developer.mozilla.org/docs/Learn/Front-end_web_developer">Başlayabilirsiniz..</a></p>

<h2 id="Başlarken_gerekenler.">Başlarken gerekenler.</h2>

<p><span id="result_box" lang="tr"><span>Konuya başlamadan önce, yeterli düzeyde temel bir bilgisayar kullanıcısı olmalı ve internette bir izleyici olarak gezinebiliyor olmalısınız. Detaylı olarak </span></span><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a> (yeni yazılım kurulumu) yapabilecek düzeyde temel bir çalışma ortamına sahip olmalı, ve dosya oluşturmayı bilmeli ve dosyaları yönetebilmelisiniz, <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a>  (Dosyalarla çalışma) — bunların ikisi de <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a> (web ile çalışmaya başlama) tamamen yeni başlayanlar bölümünde anlatılmıştır.</p>

<p>Tavsiyemiz <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web </a>(web ile çalışmaya başlama) bölümünü tamamladıktan sonra buradaki başlığa geçmeniz olmasına rağmen bu bir zorunluluk değildir. <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a> (HTML Temelleri) makalesinde sunulan bilgilerin tamamı <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> (HTML'e giriş) bölümünde çok daha detaylı olarak anlatılmaktadır.</p>

<p>HTML öğrendikten sonra, aşağıdaki daha ileri seviye konuları öğrenmeye başlayarak devam edebilirsiniz:</p>

<ul>
 <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS">CSS</a>, ve bunu HTML'i şekillendirmek için nasıl kullanmalıyız. (<span id="result_box" lang="tr"><span>Örneğin, kullandığınız metin boyutunu ve yazı tiplerini değiştirin, kenarlıklar ekleyin ve gölgelendirin, sayfanızı birden çok sütunla düzenleyin, animasyonlar ve diğer görsel efektler ekleyin.</span></span>)</li>
 <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/JavaScript">JavaScript</a>, ve bunu <span id="result_box" lang="tr"><span>web sayfalarına dinamik kullanıcı etkileşimli işlevler eklemek için nasıl kullanmalıyız.</span></span> (Örneğin, konumunuzu bularak bir haritada üzerinde gösterme, bir düğme ile geçiş yaptığınızda UI elemanlarının görünür/görünmez olmasını sağlamak, kullanıcı bilgilerinin kullanıcı bilgisayarında kaydetme ve daha bir çok uygulama alanı.)</li>
</ul>

<h2 id="Bölümler">Bölümler</h2>

<p>Bu eğitim başlığı aşağıdaki bölümleri içerir, sırası ile çalışmanız tavsiye edilir. İlk olan ile başlayarak devam etmeniz kesinlikle önemlidir.</p>

<dl>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML'e Giriş </a></dt>
 <dd>Sahneyi kurarak başlamamızı sağlayan bu bölüm, sizi köprüler (linkler) oluşturma ve bir web sayfasını yapılandırmak için HTML'in nasıl kullanılabileceği gibi önemli kavramlara ve sözdizimine (syntax) alıştırarak temel oluşturur.</dd>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedia ekleme ve yerleştirme (embedding) işlemleri</a></dt>
 <dd>Bu bölüm, bir HTML sayfasına multimedia içeriklerin birkaç farklı yol ile nasıl dahil edileceği, videoların, ses dosyalarının ve hatta başka bir web sayfasının tamamımının bir HTML sayfasına nasıl gömülebileceğini keşfetmenizi sağlar.</dd>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Tables">HTML tabloları</a></dt>
 <dd>Bir web sayfasında tablo verilerini anlaşılabilir, {{glossary("Accessibility", "accessible")}} erişilebilir bir şekilde göstermek zorlayıcıdır. Bu bölüm, temel tablo sözdizimlerini ve tablo başlığı (caption) ve özet bilgi sunumu gibi daha ileri özellikleri anlatır.</dd>
</dl>

<h2 id="Genel_HTML_problemlerinin_çözümleri">Genel HTML problemlerinin çözümleri</h2>

<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Howto">HTML kullanarak temel problemlerinin çözmek </a>Bir web sayfası oluştururken sık karşılaşılan HTML sorunlarının nasıl çözülebileceğini açıklayan içerik bölümlere bağlantılar sağlar: başlıklarla çalışmak, resimler veya videolar eklemek, içeriği vurgulamak, temel bir form oluşturmak, vb.</p>

<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>

<dl>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Forms">Web formları</a></dt>
 <dd>Bu bölüm, web formlarının gerekliliklerine tam hakim olmanıza yardım etmek için bir seri makaleleri sunar. Web formları kullanıcılarla karşılıklı etkileşim için çok güçlü bir araçtır ve çoğunlukla kullanıcılardan bilgi toplama, bir kullanıcı arayüzünü kullanmalarına izin verme gibi işlemler için kullanılır. Bununla beraber, tarihi ve teknik sebeplerle, tüm yapabilirliklerini sağlayacak şekilde formları kullanabilmek her zaman açıkça belli değildir. Burada tüm önemli detayları ile web formlarını ele alacağız, formların HTML yapılarını kodlama, form kontrollerini şekilendirme, formda kullanılacak bilginin kontrolü ve bilgiyi ana web server adresine gönderme gibi. </dd>
 <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML">HTML (HyperText Markup Language)</a></dt>
 <dd>MDN'deki HTML başvuru belgeleri için ana giriş noktası, ayrıntılı öğe ve öznitelik referans tanımlamaları dahil olmak üzere - örneğin, eğer bir öğenin hangi özniteliklere sahip olduğunu öğrenmek veya bir özniteliğin hangi değerlere sahip olduğunu bilmek gibi, başlamak için çok iyi bir noktadasınız.</dd>
</dl>