HTML Kodları

HTML programlama dili ile yazılmış konuşan kod örnekleri.

1
Kod üzerine gelin
2
Sesli açıklamayı dinleyin
3
Öğrenin ve uygulayın
HTML Baslangic
62 
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>Ürün Tanıtımı</title>
</head>
<body>
  <h1>GrandX Evye – Estetikten Fonksiyona Uzanan Tasarım</h1>
  <img src="grandx-evye.jpg" alt="GrandX Evye Ürünü" width="400">

  <p>Her mutfağa estetik dokunuş, her detayda profesyonel işçilik.  
  <a href="https://grandx.zebifytech.com" target="_blank">Ürünü İncele</a></p>
</body>
</html>

HTML Görseller ve Linklerle Basit Tanıtım Sayfası

Detay

Bu örnek, bir web sayfasında görsel, bağlantı ve başlık etiketlerinin nasıl kullanılacağını gösterir. Zebifytech gibi markalar, tanıtım veya portföy sayfalarında bu temel HTML yapısını sıkça kullanır. Aşağıdaki örnek bir ürün tanıtım bloğunun basit halidir.

HTML Baslangic
65 
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Zebifytech Form Örneği</title>
</head>
<body>
  <h1>İletişim Formu</h1>

  <form action="#" method="POST">
    <label>Adınız:</label>
    <input type="text" name="isim" placeholder="Adınızı girin" required>

    <label>E-posta:</label>
    <input type="email" name="email" placeholder="E-posta adresiniz" required>

    <label>Mesajınız:</label>
    <textarea name="mesaj" rows="4"></textarea>

    <button type="submit">Gönder</button>
  </form>
</body>
</html>

HTML Sayfa Yapısı ve Temel Form Elemanları

Detay

HTML, her web sayfasının iskeletidir. Bu örnekte bir web sayfasının temel yapısını ve form elemanlarını tanıyoruz. Kodda , , ve etiketlerinin nasıl kullanıldığını görebilirsiniz. Bu yapı, her web sitesinin en temel başlangıç noktasıdır.

Web Speech API Nasıl Çalışır?

Modern tarayıcıların sunduğu Web Speech API ile kodları sesli olarak açıklıyoruz.

Hover Efekti

Kod bloğunun üzerine mouse ile geldiğinizde otomatik olarak sesli açıklama başlar.

Sesli Açıklama

Web Speech API kullanılarak kod açıklaması Türkçe olarak seslendirilir.

Öğrenme

Görsel ve işitsel öğrenme ile kodları daha kolay anlayabilir ve öğrenebilirsiniz.

Kendi Konuşan Kodunuzu Oluşturun

Web Speech API ile kendi projelerinizde de konuşan kod örnekleri oluşturabilirsiniz.

Proje Danışmanlığı Öğreticileri İncele