HTML Düzenleyiciler


HTML Yazmak İçin HTML Düzenleyicileri

HTML belgeleri Microsoft WebMatrix, Sublime Text ve Notepad++ gibi profesyonel HTML düzenleyicileri ile düzenlenebilir.

Ancak yeni başlayanların Windows PC için Not Defteri, Mac bilgisayarlar için ise TextEdit gibi basit metin düzenleyici programlarının kullanmaları öneriliyor. Başlangıçta basit bir metin düzenleme programı ile HTML yazmak, öğrenmenin kalıcı olmasını sağlar.

Not Defteri ile ilk web sayfanızı oluşturmak için aşağıdaki adımları takip edin:


1. Not Defterini açın

Windows 7 ve önceki versiyonlarında not defterini açmak için:
Ekranın sol alt köşesinden önce Başlat'a sonra sırasıyla Tüm Programlar, Donatılar ve Not Defteri'ne tıklayınız.

Windows 8 ve sonraki versiyonlarında not defterini açmak için ise:
Ekranın sol alt köşesinden Başlangıç Ekranı'nı açın ve arama kısmına Not Defteri yazın.


2. Bir HTML Belgesi yazın

Başlamak için aşağıdaki gibi basit bir HTML belgesi yazabilirsiniz.

<!DOCTYPE HTML>
<html>

<head>
  <title>Belge Başlığı</title>
</head>

<body>
  <h1>İçerik Başlığım</h1>
  <p>İlk paragrafım.....</p>
</body>

</html>

notdefteri html

3. HTML Belgenizi Kaydedin

Belgeyi bilgisayarınıza kaydedin:
Not Defteri menüsünden Dosya ardından Farklı Kaydet'e tıklayıp, dosya adını "örnek.html" olarak ya da sonu ".html" veya ".htm" ile bitecek şekilde istediğiniz adı verebilirsiniz.

ANSI kodlaması sadece ABD ve Batı Avrupa ülkelerinin karakterlerini içerdiği için, HTML belgelerinde tercih edilen karakter kodlaması UTF-8'dir. Bu yüzden belgeyi kaydederken kodlama olarak UTF-8 seçtiğinizden emin olunuz.

html kaydet
Not Dosya uzantısı olarak .htm veya .html kullanabilirsiniz, hiçbir fark yoktur.

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

Kaydettiğiniz HTML belgesini internet tarayıcınızda çalıştırın. Kaydettiğiniz dosyaya çift tıklayarak ya da fare sağ tuş ve Birlikte aç seçeneğiyle tarayıcınızı seçip HTML belgenizi tarayıcınızda görüntüleyebilirsiniz.

Bizim kullandığımız örneğin tarayıcı önizlemesi şu şekilde görüntülenecektir:

tarayıcı önizleme

Yorumlar

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması

HTML5 ile SEO Uyumlu İçerik Üret

Web Sitenizden Çok Para Kazanin

Javascript kodları nereye yazılır

Uyurken Bile Para Kazanmak İster misin

YouTube reklamları nasıl engellenir