HTML Editörler
HTML Editör nedir?
HTML editör, HTML belgelerini oluşturmamızı, düzenlememizi sağlayan programlardır. Bir HTML belgesi oluşturmak için PC kullanıcıları Not Defteri, MAC kullanıcıları Text Edit gibi basit metin düzenleyici programları kullanabilirler. Yani, bir HTML belgesi oluşturmak için özel bir programa ihtiyaç yoktur. Fakat çok gelişmiş ve HTML belgesi oluşturmayı kolaylaştıran yazılımlar da mevcuttur.
Gelişmiş HTML editörleri hata düzeltme, HTML kodunu biçimlendirme, etiket tamamlama gibi özelliklerin yanında yazdığınız kodun önizlemesini de eş zamanlı size sunarlar.
Fakat HTML öğrenmek için basit bir Not Defteri, Text Edit yeterlidir.
HTML dosyası nasıl oluşturulur?
Adım 1: Not Defteri ile HTML belgesi oluşturun (PC)
- Windows ve R tuşlarına basın. Çalıştır penceresi açılacaktır.
- Çalıştır penceresine notepad yazın ve enter tuşuna basın.
Adım 1: Text Edit ile HTML belgesi oluşturun (MAC)
- Finder > Applications >TextEdit yolu ile TextEdit uygulamasını açın.
Adım 2: Biraz HTML kodu yazın
Oluşturduğunuz boş belgeye şu kodu yazın:
Örnek
<!DOCTYPE html>
<html>
<head>
<title>İlk HTML Dosyası</title>
</head>
<body>
<p>Bu HTML belgesi Not defteri ile oluşturulmuştur.</p>
<i>uzmanımAkademi (bu yazı sağa yatık görüntülenecektir.)</i>
</body>
</html>
Adım 3: HTML sayfanızı kaydedin
PC: Not Defteri içerisinde Dosya > Farklı kaydet seçeneğini tıklayın. Dosya adı bölümüne ilkhtmlbelgesi.html yazın. Kayıt türü Tüm dosyalar (*.*) seçin. Kodlama UTF-8 seçin. Kaydet butonuna basın.
MAC: File > Save yolunu izleyin. Save As bölümüne ilkhtmlbelgesi.html yazın. File Format bölümünden Web Page (.html) seçin. Save butonuna basın.
Adım 4: İlk HTML sayfanızı web tarayıcı ile açın
Oluşturduğunuz dosyayı kullandığınız internet tarayıcının üzerine sürükleyin ve bırakın. Diğer bir yöntem olarak oluşturduğunuz HTML dosyasını çift tıklayarak otomatik açılmasını sağlayabilirsiniz. HTML dosyasını iki kere tıkladığınızda etkin internet tarayıcınız (Chrome, Firefox, Safari gibi) otomatik olarak belgenizi görüntüleyecektir.
Eğer bir hata yapmadıysanız web sayfanız tarayıcıda şu şekilde görüntülenecektir:
Tarayıcı yazdığımız HTML kodlarını değil de bize bu kodların fonksiyonlarını yerine getirerek sonucu göstermektedir.