Nasıl kullanılır
- HTML kutusuna kodunuzu yapıştırın.
- Mod alanında Güzelleştir veya Küçült seçin.
- Güzelleştir modunda Girinti alanından 2 boşluk, 4 boşluk veya Sekme seçin.
- İşlemi başlatmak için Ctrl+Enter veya Mac'te Cmd+Enter tuşlarına basın.
Örnekler
Ürün sayfasını CSS ile birlikte biçimlendirin
<!DOCTYPE html><html lang="tr"><head><meta charset="utf-8"><title>El Yapımı Seramik</title><style>.urun{padding:16px;color:#333}.fiyat{font-weight:bold}</style></head><body><main class="urun"><h1>Seramik Kupa</h1><p class="fiyat">450 TL</p></main></body></html><!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>El Yapımı Seramik</title>
<style>
.urun {
padding: 16px;
color: #333
}
.fiyat {
font-weight: bold
}
</style>
</head>
<body>
<main class="urun">
<h1>Seramik Kupa</h1>
<p class="fiyat">450 TL</p>
</main>
</body>
</html>Form alanının özniteliklerini ayrı satırlara alın
<form><label for="eposta">E-posta adresiniz</label><input type="email" id="eposta" name="eposta" placeholder="ad@ornek.com.tr" autocomplete="email" required></form>
<form><label for="eposta">E-posta adresiniz</label><input type="email"
id="eposta"
name="eposta"
placeholder="ad@ornek.com.tr"
autocomplete="email"
required></form>Outlook koşullu yorumlarını koruyarak e-posta HTML'ini küçültün
<!-- Kampanya e-postası --> <div> <!--[if mso]><p>Bu haftanın fırsatı</p><![endif]--> <p>Merhaba <strong>Ayşe</strong>, yeni ürünlerimizi keşfedin.</p> <a href="https://ornek.com.tr/kampanya">Kampanyaya göz atın</a> </div>
<div><!--[if mso]><p>Bu haftanın fırsatı</p><![endif]--><p>Merhaba <strong>Ayşe</strong>, yeni ürünlerimizi keşfedin.</p><a href="https://ornek.com.tr/kampanya">Kampanyaya göz atın</a></div>
Sık sorulan sorular
HTML kodum sunucuya gönderiliyor mu?
Biçimlendirme ve küçültme tarayıcınızda yapılır; HTML kodunuz sunucuya gönderilmez. Araç HTML'i kaydetmez, yalnızca seçeneklerinizi tarayıcıda saklar.
Hangi HTML dosyalarını yükleyebilirim?
.html, .htm, .xhtml, .xml, .svg, .vue ve .txt uzantılı dosyaları yükleyebilirsiniz. 10 MB üzerindeki dosyalar kabul edilmez.
Araç HTML hatalarını düzeltir mi?
Kapanmamış etiketleri, açılış etiketi olmayan kapanış etiketlerini ve tekrarlanan öznitelikleri satır numarasıyla bildirir; bunları otomatik düzeltmez. Uyarılar çıktı oluşturulmasını engellemez. Bir uyarıya tıklayarak ilgili satıra gidebilirsiniz.
JavaScript hatası yüzünden HTML küçültme çalışmıyorsa ne yapmalıyım?
Hata iletisindeki satırda bulunan JavaScript'i düzeltin veya Gömülü CSS ve JS'i küçült seçeneğini kapatın. Bu hata oluştuğunda çıktı güncellenmez; önceki sonuç ekranda kalabilir.
HTML sayfasının önizlemesini görebilir miyim?
Bu araç kodu yalnızca metin olarak gösterir; içindeki görseller yüklenmez ve betikler çalıştırılmaz. Sayfanın önizlemesi için HTML Görüntüleyici'yi kullanın.