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>
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).
İ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:
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 :