Bu Siteyi Ziyaret Etmek İçin Lütfen Tarayıcınızda JavaScript'i Etkinleştirin.


Konu Bilgileri
KATEGORİ ADI HTML
KONU SAHİBİ
Açelya
KONUDAKİ CEVAP SAYISI
0
GÖRÜNTÜLEME SAYISI
181

Yorum Yaz 
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

HTML Nedir Ve Ne İşe Yarar?

#1
HTML Nedir? (HyperText Markup Language)
HTML, "Köprü Metni İşaretleme Dili" anlamına gelir. Bir programlama dili değil, işaretleme dilidir.
Basit bir benzetme: Bir web sayfasını bir insan vücudu olarak düşünün:
  • HTML = İskelet (Temel yapı ve içerik)
  • CSS = Kaslar ve deri (Görünüm ve stil)
  • JavaScript = Beyin (Etkileşim ve dinamik davranış)
HTML Ne İşe Yarar? (Temel Görevleri)
1. İçerik Yapısı Oluşturur
  • Metinleri başlık, paragraf, liste olarak düzenler
  • Görseller, videolar, linkler ekler
  • Tablolar ve formlar oluşturur
2. Semantik (Anlamsal) Yapı Sağlar
html
<header>Üst kısım</header>
<nav>Menü</nav>
<main>Ana içerik</main>
<article>Makale</article>
<footer>Alt kısım</footer>
3. Diğer Teknolojilerle Entegre Çalışır
  • CSS ile stil eklenir
  • JavaScript ile etkileşim eklenir
Basit HTML Kodu Örneği
html
<!DOCTYPE html>
<html>
<head>
    <title>Benim İlk Web Sayfam</title>
</head>
<body>
    <h1>Hoş Geldiniz!</h1>
    <p>Bu benim ilk HTML sayfam.</p>
    <img src="resim.jpg" alt="Açıklayıcı yazı">
    <a href="https://www.google.com">Google'a Git</a>
</body>
</html>
En Sık Kullanılan HTML Etiketleri


Etiket
Açıklama
Kod:
<h1>-<h6>
Başlıklar
Kod:
<p>
Paragraf
Kod:
<a>
Link
Kod:
<img>
Resim
Kod:
<div>
Bölüm
Kod:
<span>
Satır içi bölüm
Kod:
<ul>
,
Kod:
<ol>
,
Kod:
<li>
Listeler
Kod:
<table>
Tablo
Neden Önemli?
  1. Tüm Web'in Temeli: Her web sitesi HTML içerir
  2. SEO Dostu: Arama motorları HTML yapısını anlar
  3. Erişilebilirlik: Engelli kullanıcılar için önemli
  4. Tarayıcı Uyumluluğu: Tüm tarayıcılar HTML'yi anlar
Özetle:
HTML, web sayfalarının temel yapı taşıdır. İçeriği düzenler, yapılandırır ve anlamlandırır. Web geliştirmeye başlamak istiyorsanız, ilk öğrenmeniz gereken dildir!
HTML öğrenmek sandığınızdan daha kolay. Basit metin editörleriyle bile çalışmaya başlayabilirsiniz
[-] Aşağıdaki 1 kullanıcı Bu gönderiyi Beğendi
  
Bul
Cevapla
Yorum Yaz 


[-]
Hızlı Cevap / Sende Bi' Şeyler De!
Konu
Bu mesaj için cevabınızı buraya yazınız.

İnsan Doğrulama:
Lütfen aşağıda gördüğünüz onay kutusunu işaretleyin. Bu işlem, otomatik spam botlarını önlemek için kullanılır.

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Html Yazıya Link Ekleme Kodu Mango 1 630 29-03-2026 Saat 13:25
Son Yorum: flowwers
Html Ile Tablolarda Başlıklar uzman 0 361 08-01-2025 Saat 22:33
Son Yorum: uzman
HTML Dersleri #1 | Temel HTML Yapısı Joker’s Grin 2 843 29-06-2024 Saat 21:45
Son Yorum:
Html Img - Html Resim Joker’s Grin 0 474 02-03-2024 Saat 19:52
Son Yorum: Joker’s Grin
Sitenize HTML Bakım Sayfası Kodu ( BASİT ) uzman 0 631 07-02-2024 Saat 20:00
Son Yorum: uzman


    Hızlı Menü:


    Konuyu Okuyanlar: 1 Ziyaretçi
    ForumTeams
    ForumTeams