HTML Editörleri

HTML’nin bir metin dosyasındaki işaretleme olduğunu zaten biliyorsunuz. Bu ders, o dosyayı yazdığınız araca odaklanır: bir HTML editörü. Basit bir düz metin aracı etiketleri temiz tutar ve ilk sayfalarınızı tarayıcıda açmayı kolaylaştırır.

HTML editörü nedir?

HTML editörü, düz metin yazıp .html dosyası olarak kaydetmenizi sağlayan herhangi bir programdır. Tarayıcı markaya bakmaz. Doğru işaretleme ve açabileceği bir dosya yeterlidir. Editörler küçük not defteri uygulamalarından renkli vurgulu ve dosya gezginli kod editörlerine kadar değişir.

Doğrudan yanıt: yeni başlayanlar ne kullanmalı?

Visual Studio Code gibi ücretsiz bir kod editörüyle başlayın; hatta Windows’taki Not Defteri / macOS’ta düz metin modundaki TextEdit de olur. HTML dersleri için Microsoft Word, Google Docs veya benzeri kelime işlemcilerden kaçının. Bu uygulamalar baskı belgelerine göredir ve sıkça web sayfalarını bozan gizli biçimlendirme ekler.

Düz metin editörleri ve kod editörleri

Düz metin editörü yalnızca yazdığınız karakterleri kaydeder. HTML için bu yeterlidir. Kod editörü de düz metin kaydeder ama yararlı özellikler ekler:

• etiket ve metni okumayı kolaylaştıran sözdizimi vurgusu
• hataları bulmak için satır numaraları
• tek pencerede klasörler ve birden fazla dosya
• sonra isteğe bağlı eklentiler (bu kurs için gerekli değil)
  HTML öğrenmek için ücretli bir IDE gerekmez.

Bu alıştırma dosyası ne işe yarar?

Örneği editörünüze kopyalayın, editor-practice.html olarak kaydedin, sonra Chrome, Firefox, Edge veya Safari’de açın. Başlık ve paragrafı görüyorsanız editör ve kayıt ayarları çalışıyordur.

İlk HTML dosyanızı nasıl oluşturursunuz

1. Editörü açın ve yeni bir dosya oluşturun
2. Temel bir HTML belgesi yapıştırın veya yazın
3. Dosyayı .html ile biten bir adla kaydedin (örneğin index.html)
4. Editör kodlama sorarsa mümkünse UTF-8 seçin
5. Kaydedilen dosyayı tarayıcıda açın (çift tık veya dosyayı tarayıcı penceresine sürükleyin)
   Windows Not Defteri’nde Farklı Kaydet kullanın, türü Tüm Dosyalar yapın ve .html uzantısını kendiniz yazın; böylece dosya .txt olmaz.

Çevrimiçi editörler ve bu sitedeki Try-it kutuları

Çevrimiçi ortamlar yazılım kurmadan tarayıcıda HTML düzenlemenizi sağlar. Hızlı denemeler için faydalıdır. Bu kursta gerçek kaydet-aç akışını öğrenmek için yerel bir .html dosyasıyla da çalışın. Bir ders Try-it kod kutusu gösterdiğinde orada çalıştırabilir ve aynı işaretlemeyi kendi editörünüzde yeniden oluşturabilirsiniz.

Önerilen ücretsiz seçenekler

Bunlar yeni başlayanlara uygun yaygın seçimlerdir (biri yeter):

• Visual Studio Code — popüler ücretsiz kod editörü
• Notepad++ (Windows) — vurgulu hafif editör
• Sublime Text — hızlı kod editörü (ücretsiz deneme)
• Yerleşik Not Defteri / düz metin TextEdit — ilk dersler için yeterli
  Bir araç seçin ve bir süre onunla kalın; böylece akış otomatikleşir.

Sık yapılan hatalar

• Word veya Docs’ta HTML yazıp bu araçların eklediği ekstra işaretlemeyi anlamadan dışa aktarmak
• Yanlışlıkla .txt olarak kaydedip tarayıcının ham etiket göstermesine şaşırmak
• Dosyayı düzenleyip tarayıcıyı yenilemeden önce kaydetmeyi unutmak
• Tırnakları değiştiren veya özniteliklere akıllı noktalama ekleyen zengin metin modu
• Editörün HTML’yi tek başına “çalıştırmasını” beklemek — sayfayı tarayıcı gösterir; editör yalnızca kaynağı saklar

Özet

• HTML editörde düz metin olarak yazılır ve .html olarak kaydedilir
• Kod editörleri vurguyla yardımcı olur; Not Defteri tarzı araçlar da işe yarar
• HTML işaretlemesi öğrenirken kelime işlemcilerden kaçının
• Değişiklikleri görmek için kaydedin, sonra tarayıcıda açın veya yenileyin
• Çevrimiçi editörler kullanışlıdır; yerel dosyalar gerçek akışı öğretir
• Her derste araç değiştirmektense tutarlı bir editör daha iyidir