Html Editörleri

Html kodlarını düzenleyebileceğimiz, sıfırdan yazabileceğimiz programlara yani yazılımlara editör denir.

Html dili için basit editörler olduğu gibi profesyonel editörlerde bulunmaktadır. Profesyonel editörler DreamweaverSublime TextVimNotepad++  gibi editörlerdir. Her işletim sisteminde kendisine ait en basit editör yani metin belgesi bulunmaktadır. Html dilini tam anlamıyla öğrenmek için ilk olarak profesyonel editörler yerine basit olan metin belgesi kullanmanızı öneririm. Örneğin : Windows’ta Yeni Metin Belgesi (Notepad) , Mac’te ise TextEdit kullanmanızı öneririm.

Windows 7 , Windows 8, Windows 10 yani kısacası Windows işletim sisteminde ve  Mac işletim sisteminde nasıl metin belgesi oluşturacağımızı görelim.

Windows İşletim Sistemlerinde Not Defteri Açma

  • Masaüstü
  • Sağ tık
  • Yeni
  • Metin Belgesi

Mac İşletim Sisteminde Not Defteri TextEdit Açma

  • Uygulamalar
  • Textedit

şeklinde açılmaktadır.

 

Html Dosyası Kaydetme

Html editörlerini işletim sistemlerinde kullanmayı yani açmayı öğrendik. Html dosyasını yani ilk html kodumuzu nasıl kayıt edeceğimizi adım adım öğrenelim :

  • Kendi işletim sistemimizde not defterini açıyoruz. Windows'ta Metin Belgesi, Mac'te Textedit'i açıyoruz.
  • Html kodlarını metin belgesine yazıyoruz veya aşağıda bulunan kodları yapıştırıyoruz.
  • Farklı Kaydet
  • Dosya Adı yazan yere dosyamızın ismini yazarak sonuna  .html ekliyoruz. Örneğin: dosya ismimiz azkod olsun Dosya adı yazan bölüme azkod.html yazıyoruz.
  • Html dosyamızı kayıt edeceğimiz alanı seçip. Masaüstü, C sürücüsü , D sürücüsü veya herhangi bir klasöre
  • Kaydet butonuna tıkladıktan sonra ilk html kodumuzu yani ilk web site kodlarımızı yazmış oluyoruz.
  • İlk web sayfamızı oluşturduktan sonra herhangi bir tarayıcıda (Google Chrome, İnternet Explorer, Firefox vb.) açabiliriz.

Html ilk örnek :

<html>
<head>
<title>Html İlk örnek</title>
</head>

<body>

Merhaba HTML

</body>

</html>

Kodu Çalıştır

Html editörleri dersimiz bitmiştir. Bu dersimizde editör nedir, html editörünü nasıl açarız, ilk html dosyamızı nasıl kaydederiz gibi soruların cevabını verdik. Tüm html eğitimlerimiz için html dersleri yazısına tıklayarak ulaşabilirsiniz.

 

Önceki Ders: Html Nedir? Sonraki Ders: Html Temel Etiketleri