HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML Düzenleyiciler


HTML öğrenmek için ihtiyacınız olan tek şey basit bir metin düzenleyicidir.


Not Defteri veya TextEdit Kullanarak HTML Öğrenin

Web sayfaları, profesyonel HTML editörleri kullanılarak oluşturulabilir ve değiştirilebilir.

Ancak HTML öğrenmek için Notepad (PC) veya TextEdit (Mac) gibi basit bir metin düzenleyicisi öneriyoruz.

Basit bir metin düzenleyici kullanmanın HTML öğrenmenin iyi bir yolu olduğuna inanıyoruz.

Notepad veya TextEdit ile ilk web sayfanızı oluşturmak için aşağıdaki adımları izleyin.


Adım 1: Not Defteri'ni açın (PC)

Windows 8 veya üzeri:

Başlangıç ​​Ekranını açın (ekranınızın sol alt köşesindeki pencere sembolü). Not Defteri yazın .

Windows 7 veya öncesi:

Başlat > Programlar > Donatılar > Not Defteri'ni açın


Adım 1: TextEdit'i açın (Mac)

Finder > Uygulamalar > TextEdit'i açın

Ayrıca uygulamanın dosyaları doğru şekilde kaydetmesini sağlamak için bazı tercihleri ​​değiştirin. Tercihler > Biçim > " Düz Metin"i seçin

Ardından "Aç ve Kaydet" altında, "HTML dosyalarını biçimlendirilmiş metin yerine HTML kodu olarak görüntüle" yazan kutuyu işaretleyin.

Ardından kodu yerleştirmek için yeni bir belge açın.


Adım 2: Biraz HTML Yazın

Aşağıdaki HTML kodunu Not Defteri'ne yazın veya kopyalayın:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

not defteri



3. Adım: HTML Sayfasını Kaydedin

Dosyayı bilgisayarınıza kaydedin. Not Defteri menüsünde Dosya > Farklı kaydet'i seçin.

Dosyayı "index.htm" olarak adlandırın ve kodlamayı UTF-8 olarak ayarlayın (HTML dosyaları için tercih edilen kodlamadır).

Tarayıcıda Görüntüle

İpucu: Dosya uzantısı olarak .htm veya .html kullanabilirsiniz. Fark yok, size kalmış.


4. Adım: Tarayıcınızda HTML Sayfasını Görüntüleyin

Kaydedilen HTML dosyasını favori tarayıcınızda açın (dosyaya çift tıklayın veya sağ tıklayın - ve "Birlikte aç"ı seçin).

Sonuç şuna çok benzeyecek:

Tarayıcıda Görüntüle


W3Schools Çevrimiçi Düzenleyici - "Kendiniz Deneyin"

Ücretsiz çevrimiçi düzenleyicimiz ile HTML kodunu düzenleyebilir ve sonucu tarayıcınızda görüntüleyebilirsiniz.

Kodu hızlı bir şekilde test etmek istediğinizde mükemmel bir araçtır . Ayrıca renk kodlaması ve kodu kaydetme ve başkalarıyla paylaşma özelliği vardır:

Örnek

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Nasıl çalıştığını görmek için "Kendiniz Deneyin" düğmesine tıklayın.


W3Schools Alanları

Kendi web sitenizi oluşturmak ve kodunuzu çevrimiçi olarak kaydetmek istiyorsanız , W3schools Spaces adlı ücretsiz web sitesi oluşturucumuzu deneyin :