Bu Kodlar nasıl düzenlenir ?

Selam arkadaşlar aşağıdaki resimde kırmızı kutucuktaki boşluklar neye göre belirleniyor editleme yaptığım için biraz çorba oldu ve gözüme batıyor bunu düzeltmenin herhangi bir yolu program v.s gibi bir çözmü var mı ?
Resim:

Kodlama Yaparken Açılan <> her kod Mutlaka </> kapatılır.
Her Açtığın Kodda tab Tuşuna basarsan Kapatırken Kaçtane Kod Açtığını Görmene Yardımcı Olur O Kenardaki Boşluklar.
Yada Şöle Özetliyim Kodları Daha İyi Seçmene Yarar. Hepsi Tek Sıra Olsa Görmen Zorlaşır.

Farklı Bir Nedeni Varsa Bende Öğrenmek İsterim.

Tamamen nedeni odur. Özellikle iç içe ifadelerde ayırıcı olması içindir. Sadece html tagları için değil php, asp v.s. hepsi için geçerlidir. Ör.

if (!$sayi)
{
//çalışacak kod
     if ($sayi == 0)
     {
          //çalışacak bir diğer kod
     }
}
else
{
//diğer durum 
}

Mesela buradaki ikinci if ifadesinin kaydırmadan yazılması eksik bir parantez ya da hatalı bir yere konulan parantez nedeni ile bir syntax hatasına yol açabilir. Kodlar, ifadelerin sonuçlandırılmasını kolaylaştırmak için dalgalı yazılmaktadır. Yoksa yazım şeklinin işlevselliğe bir etkisi yoktur, karıştırmadığınız sürece dilediğiniz gibi yazabilirsiniz.

Not: Kurucuktaki kodlar örn. olarak yazılmış olup hiç bir şey ifade etmemektedir.