HTML, 'köprü metni biçimlendirme dili' anlamına gelir. İnternette arama yaptığınızda size bir web sitesi sunulduğunda tarayıcıların okuduğu dildir. Bugün programcılar ve site geliştiriciler tarafından kullanılan birçok başka dil var, ancak HTML hala web tasarımı için standart olarak kabul ediliyor. Bir sitenin temel öğelerinin tümü HTML dilinde bulunur. Çevrimiçi tasarım şablonları kullanıldığında bile, HTML'nize nasıl boşluk ekleyeceğiniz de dahil olmak üzere bazı temel HTML'leri bilmek önemlidir.
Bölünemez bir boşluk için nbsp karakterlerini kullanın.
HTML, bir MS Word belgesinden farklı olarak, boşluk çubuğuyla yazılan fazladan bir boşluğu tanımaz. Bunun yerine, istediğiniz sonucu elde etmek için HTML dilini ve sembollerini kullanmanız gerekir. HTML'nize bölünmeyen bir boşluk eklemek için, fazladan boşluk istediğiniz yerden sonra ' ' yazın. Ardından, belgenizin o konumunda istediğiniz bir boşluk olarak tanıyacaktır. Tarayıcıların kafasını karıştırabileceğinden, bu tekniği arka arkaya çok fazla kullanmamanız gerektiğini unutmayın.
virüslü / Getty Images
Bu teknikle birden çok boşluk ekleyin.
Bir kelimeden sonra birden fazla boşluk eklemeniz gerekiyorsa, iki boşluk için '&ensp' kullanabilirsiniz. Dört boşluk için '&emsp' yazın. Sekme seçimini kullanabilir, ardından kelimelerden sonra daha uzun bir boşluk eklemek için ' ' karakterlerine arka arkaya dört kez basabilirsiniz. Bu stratejilerden herhangi biri, HTML belgenizde seçilen kelimelerden sonra daha fazla boşluk eklemek için çalışacaktır.
tarama rayı / Getty Images
Basamaklı stil sayfaları kullanarak paragrafları girintileyin.
Basamaklı stil sayfaları (CSS), HTML'yi daha az resmi olarak eklemenize izin veren HTML tabanlı bir protokoldür. CSS yöntemlerini kullanarak, HTML'nin uzun biçimini kullanmak zorunda kalmazsınız, bu nedenle zamandan tasarruf edersiniz. CSS formatı standart HTML'den farklıdır, ancak içinde HTML içerir. Girinti oluşturmak için CSS biçimini kullanabilir, böylece HTML'nizde ihtiyaç duyduğunuz boşlukları oluşturabilirsiniz. Bunu eklemek için kullanabileceğiniz bir satır p'dir. girinti {padding-left: 1.8 em} Bu kodun HTML'nizdeki etiketler arasına yerleştirilmesi gerektiğini unutmayın.
nasutoceratops jurassic dünya
NicoElNino / Getty Images
Satır sonları oluşturmak için bu etiketi kullanın.
Satırlarınız içinde boşluklar oluşturmayı öğrendikten sonra, satır sonları oluşturmak için satır sonunda boşluklar oluşturmayı öğrenmek isteyeceksiniz. Bir satırın sonunda satır sonu oluşturmak için ' yazın
' arayı eklemek istediğiniz yerde. Bu, imlecin satırı atlamasına neden olur. Satır sonları oluşturmak, herhangi bir belge veya çevrimiçi HTML ile iyi bir fikirdir. Bu tekniği kullanmazsanız, okunabilirliği azaltabilecek çok fazla satırla karşılaşacaksınız. Bu, özellikle insanların içeriğinizi okumaktan zevk almasını istediğiniz çevrimiçi bloglar veya web siteleri için önemlidir.
Yokluk84 / Getty Images
Yeni bir paragraf tanımlamak için bu karakter etiketini kullanın.
Bazen HTML belgenizde yeni bir paragraf oluşturmanız gerekebilir. Satır sonu gibi, bu da metninizde yeni bir bölüm oluşturmaya ve çalışmanızın görünümünü temizlemeye yardımcı olur. Bu, onu daha okunaklı ve gezinmesi kolay hale getirir.
Yeni bir paragraf oluşturmanız gerekiyorsa,
girintiyi yerleştirmek istediğiniz noktada karakter. Bu, içeriğinizi oluştururken belgenin görünümüne yardımcı olacaktır.
exdez / Getty Images
Boşlukları okumak için önceden biçimlendirilmiş metin seçeneğini kullanın.
Enter tuşunu kullanarak oluşturduğunuz boşlukları okuyabilmek istiyorsanız, önceden biçimlendirilmiş metin alanının önüne ve arkasına basit bir HTML etiketi ekleyerek bunu yapabilirsiniz. Etiketlerin arasına formatlanmasını istediğiniz kelimeleri aşağıdaki gibi yazmanız yeterlidir: |_+_| Bunu yaptığınızda, 'enter' tuşuyla eklediğiniz boşluklar bu teknikle görüntülenecektir.
karşılama / Getty Images
'Özensiz HTML'den kaçınmak için iki kez kontrol edin.
Programcıların HTML oluştururken yaşadıkları sorunlardan biri, hangi etiketlerin nerede kullanılacağının net olmamasıdır. Bu, özensiz HTML'ye neden olabilir ve bir sayfada hasara yol açabilir. Göndermeden veya yayınlamadan önce tüm HTML kodlarınızı ve etiketlerinizi yalnızca iki kez kontrol etmek bu sorunları önleyebilir. HTML'nizdeki sekmeleri, boşlukları, uygun dilbilgisini, noktalama işaretlerini ve diğer öğeleri kontrol edin. Ayrıca, HTML etiketi, 'head' etiketi ve diğerleri ile başlayarak, etiketlerin sırasına ilişkin HTML kurallarına uyun.
mrPliskin / Getty Images
Metninizi web sayfasında hizalayın.
HTML kodlama dilini kullanarak bir sayfa oluştururken HTML'nin temel öğeleri önemlidir. En temel unsurlardan biri, sayfanızın doğru kenar boşlukları ve formatla hizalanmasıdır. Bir grafik düzenleyicideyseniz 'sola hizalama', 'ortaya hizalama' veya 'sağa hizalama' işlevlerini kullanabilirsiniz. Değilse, metninizi HTML kodlaması kullanarak hizalamak için aşağıdaki etiketleri eklemeniz gerekir:
Sola hizala
Yukarıdaki etiketler, HTML kodlama dili kullanılarak sola hizalanmış bir belge oluşturacaktır.
Savushkin / Getty Images
Yayınlamadan önce HTML'nizi önizleyin.
Bazı HTML kodlayıcılarının yaptığı bir hata, yayınlamadan veya göndermeden önce HTML'lerini önizlememeleri veya düzeltmemeleridir. Bu, kötü bir kullanıcı deneyimi üretecek hatalara neden olabilir. Bunu geliştirmek için, kodlamanızı her zaman bir HTML önizleyicisinde deneyin veya ilk önce yalnızca sizin görebileceğiniz bir yerde yayınlayın. Bu, düzensiz veya özensiz HTML'ye neden olan kodlama hatalarını önleyecektir. Filmde, Savaş oyunları , ana karakter Matthew Broderick, sonunda bilgisayara girmek için şifreyi bulmuştur, 'Bu kadar basit olamaz' diyor. Gerçek şu ki, çoğu zaman bu kadar basittir ve HTML kodlarken sorunların çoğuna neden olan bir etiket veya karakter bırakmak gibi basit hatalardır.
SolStock / Getty Images
HTML5 öğrenin.
Size bırakacağımız bir diğer ipucu da HTML5 öğrenmek için listenize eklemeniz gerektiğidir. Standart HTML dilinin birçok öğesinin yanı sıra uygulama geliştirme ve diğer uygulamalarda kullanılan programlamanın daha modern yönlerini içerir. HTML5 öğrenirseniz, cephaneliğinizde web siteleri, bloglar veya diğer çevrimiçi uygulamalar ve programlar için kod yazarken kullanabileceğiniz daha fazla numaranız olacaktır.
kabartma / Getty Images