HTML bir programlama değil de, genellikle tasarlama amacıyla kullanılan ve web sitelerinin olmazsa olmazı ve demirbaşıdır. 

Kişisel web sayfamıza resim ekleme, yazı yazma gibi basit işlemlerde öncelikle sayfamızın en başına bir html kodu“<” ile açılır ve “/>” ile kapatılır. HTML kullanacağımız bir sayfaya kodu ile başlanarak ve koduyla bitirilir. Bu HTML kod arasına diğer kodlarımızı ekleyebiliriz.

Örnek bir html sayfası şu şekildedir;


Yazdığımız HTML kodunun arasına sayfanın ana başlığı olarak ,

Yan başlıklar olarak , h2, h3, h4, h5 ,h6 kodlarını kullanırız. Biçimlendirme kodları kısmında detaylıca verdim. Bu durumda h 1 , h 2 vs. kodları tabela olarak düşünürsek üzerine yazacağımız yazıyı da title kodu olarak düşünebiliriz. 

Resimler ve yazılarımız için ise kodlarını kullanırız. Her bir kodu yazdıktan sonra işimiz bitince kodun kapatılmış halini de yazmalıyız. Örneğin "" kapalı kodunu eklememiz gerekir.

 Örnek vermek gerekirse;

 
 >Ana Başlığımız</title>
 
 

Bu kısımda ise resim veya yazılarımızı yazdığımız içerik kısmı bulunmaktadır

:  bold ( Araya yazdığınız yazıyı kalın yapar. )

·   :  italik ( Araya yazdığınız yazıyı italik yapar. )

·    :underline ( Araya yazdığınız yazıyı altı çizili yapar. )

·  

·  

> :head 2 ( Araya yazdığınız yazıyı 2.başlık yapar ki bu 1. başlıktan sonra gelen başlıktır. )

·  

·  

> :head 4 ( Araya yazdığınız yazıyı 4.başlık yapar ki bu 3. başlıktan sonra gelen başlıktır. ) 

·  

> :head 5 ( Araya yazdığınız yazıyı 5.başlık yapar ki bu 4. başlıktan sonra gelen başlıktır. ) 

·  

> :head 6 ( Araya yazdığınız yazıyı 6.başlık yapar ki bu 5. başlıktan sonra gelen başlıktır. ) 

·  

> :paragraf ( Araya yazdığınız yazıyı paragraf olarak gösterir )

·  
 : break ( Yazı bitiminde bir satır aşağı gitmek için kullanılır ve en önemlisi kapatma kodu gerektirmez)

·   – image ekleme( Sayfamıza resm eklemek için kullandığımız koddur. Eklemek istediğimiz resmin adresi src=” bu kısma” eklenmelidir. Örneğin; src=”www.alpinpon.com/resim.jpg”/> 

Yine bu kodun da kapanmasına ihtiyaç yoktur. Eğer şu şekil kullanırsanız kod çalışmaz ve yanlış olur;  

·   :(Araya yazdığınız yazılara madde imi ekler)

·  

  :(Araya yazdığınız yazıları listeler )

·    :(Araya yazdığınız yazılara link verir)

·  

   :(Araya yazdığınız yazıları ortaya hizalar)

·  align=”left”  :(Araya yazdığınız yazıları sola hizalar)

·  align=”right” :(Araya yazdığınız yazıları sağahizalar)

·  

---

 :Yatay çizgi çizer

Yukarıda verdiğimiz kodlar arasına yazılarınızı yazdınız düzenlediniz, resimlerinizi eklediniz. En son yapmanız gereken notepad uygulamasını açarak kodları buraya yapıştırmak ya da en başta buraya yazmak. Daha sonra da Dosya menüsünden "farklı kaydet" e tıklayın ve açılan pencerede bir dosya adı verin ve .txt yazan yeri silin. Dosya adından sonra ".html" yazısını ekleyin, örneğin "websitem.html". Daha sonra kaydetmek istediğiniz yere dosyanızı kaydedin. Sonra dosyanızı çift tıklayarak açın. Dosyanız kullanıma hazır. Kodlarda yanlışlık olduğunu düşünüyorsanız dosyaya sağ tıklayıp notepad ile açın ve kodları düzeltip yeniden html olarak kaydedebilirsiniz.