# HTML Editör

> HTML ve CSS kodunu yaz, canlı önizlemeyi gör. Sayfanı ücretsiz düzenle ve HTML dosyası olarak indir.

- Kategori: [Geliştirici Araçları](https://toolbrio.com/kategori/gelistirici/index.md)
- Alt kategori: Kod biçimlendirme
- Son güncelleme: 2026-09-29
- Etkileşimli araç: [https://toolbrio.com/html-editor/](https://toolbrio.com/html-editor/)

## Canlı HTML editörü nasıl kullanılır?

Gövdeye yerleştirmek istediğiniz HTML'yi ilk alana, stil kurallarını CSS alanına yazın. Önizleme otomatik güncellenir. Genişlik alanıyla 240-1.600 piksel arasında farklı yerleşimleri deneyebilirsiniz; önizleme bulunduğu panelin genişliğini aşmaz.

## Önizleme ve indirilen dosya

Önizleme ayrı, kısıtlanmış bir çerçevede gösterilir. JavaScript çalıştırılmaz; bağlantı açma, form gönderimi ve harici dosya yükleme kaldırılır. Bu nedenle ağdan alınan görseller, fontlar ve scriptler burada görünmez. Sayfa HTML'sini indirdiğinizde kendi girdiğiniz HTML korunur. Dosyayı normal tarayıcıda açarsanız o kodun davranışı önizlemeden farklı olabilir.

## Basit bir örnek

HTML alanına `<h1>Merhaba dünya</h1>`, CSS alanına `h1 { color: #333; }` yazın. Başlık koyu gri görünür. Daha sonra `text-align: center` ekleyerek hizalamayı değiştirebilirsiniz. Stil düzenlemesi kaynak kodunuzu başka bir dosyaya kaydetmez; indirme düğmesini kullanmanız gerekir.

## Neler desteklenir?

Bu editör HTML gövde parçaları ve CSS denemeleri içindir. JavaScript çalışma ortamı, backend, dosya ağacı veya proje derlemesi sağlamaz. HTML 100.000, CSS 50.000 karakterle sınırlıdır. Girdiler sunucuya gönderilmez. Önizleme izolasyonu için [iframe sandbox](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe) kullanılır.

## Sık sorulan sorular

### JavaScript kodu çalıştırabilir miyim?

Hayır. Önizlemede scriptler kaldırılır ve sandbox çerçevesi JavaScript'e izin vermez.

### Dosyam sunucuya yüklenir mi?

Hayır. Metinler tarayıcı içinde işlenir, indirme yerel bir HTML dosyası oluşturur.

### Harici görsel neden görünmüyor?

Önizlemede dış kaynak yükleme kapalıdır. Bu editörün önizlemesi HTML ve CSS düzenine odaklanır.

### Tam HTML belgesi yapıştırabilir miyim?

Önizleme gövde bölümünü kullanır; CSS'yi ayrı alana taşıyın. İndirilecek belge için HTML alanına gövde içeriği girmeniz önerilir.