Bu kodları içeren dokümana da HTML dokümanı adı verilir. Aslında pek çok HTML kodu vardır ama biz burada, en çok ihtiyacınız olacakları açıklamaya çalıştık.

Dikkat etmeniz gereken nokta: Bütün başlama kodları "<" ve ">" işaretleri arasında, bitirme kodları da "</" ve ">" işaretleri arasında olmalıdır. Bunların eksik yazılması, sayfanın biçimsiz görünmesine neden olur.

Başlık yazmak:
Başlık yapmak istediğiniz kelime ya da cümleyi <h1> ve </h1> kodları arasına yazınız. 6 farklı boyutta başlık yazdırabilirsiniz. Bu kodlar, <h1> (en büyük) ile <h6> (en küçük) arasında değişir.

Bu satır:
<h1> En büyük başlık tipi.</h1>
ekranda böyle görünür:

En büyük başlık tipi.

Bu satır:
<h1> En küçük başlık tipi.</h1>
ekranda böyle görünür:

En küçük başlık tipi.

Bold (koyu) ve italik yapmak:
Bold yapmak istediğiniz kelime ya da cümleleri <b> ve </b> kodları arasına alınız.

Bu satır:
<b>Bu cümle koyudur.</b>
ekranda böyle görünür:

Bu cümle koyudur.

İtalik yapmak istediğiniz kelime ya da cümleleri <i> ve </i>kodları arasına alınız.

Bu satır:
<i> Bu cümle italiktir. </i>
ekranda böyle görünür:

Bu cümle italiktir.

Satır sonu ve paragraf yapmak:
Eğer bir HTML sayfasında bu kodları kullanmazsanız, bütün metin tek bir paragraf gibi görünür.
Yeni satıra geçmek için satırın sonuna kodunu koyunuz.

Bu satırlar:
Bu ilk satır olsun <br>
Bu da ikinci satır…
ekranda böyle görünür:

Bu ilk satır olsun
Bu da ikinci satır…

Yeni paragrafa geçmek için paragrafın sonuna <p> kodunu koyunuz.

Bu satırlar:
Bu ilk paragrafın, çok fazla uzun olmayan, ama en azından örnek teşkil edebilecek uzunluktaki cümlesi olsun. <p>
Bu da ikinci paragrafın kısa cümlesi olsun…
ekranda böyle görünür:

Bu ilk paragrafın, çok fazla uzun olmayanan, ama en azından örnek teşkiledebilecek uzunluktaki cümlesi olsun.

Bu da ikinci paragrafın kısa cümlesi olsun…

Metni ortalamak:
Ortalamak istediğiniz satır ya da paragrafları <center> ve </center> kodları arasına alınız.

Bu satır:
<center> Bu satır ortalanmıştır </center>
ekranda böyle görünür:

Bu satır ortalanmıştır
Yazı tipi (font), rengi ve boyutunu ayarlamak:
Font, renk ya da boyutunu değiştirmek istediğiniz kelime ya da cümleyi <font face=" " color=" " size=" "> ve </font> kodundaki tırnaklar arasına yazınız.

Bu satır:
<font face="Arial" color="red" size="+1"> Bu cümle, "Arial" yazı tipinde ve kırmızı renkli ve biraz büyükçedir. </font>
ekranda böyle görünür:

Bu cümle, "Arial" yazı tipinde ve kırmızı renkli ve biraz büyükçedir.

Fontlar: Arial, Arial Black, Arial Narrow, Times New Roman, Garamond, Courier vb.
Not: Seçtiğiniz fontun Türkçe karakter desteği olmasına dikkat edin. Aksi taktirde Türkçe karakterler ekranda görünmez.
Renkler: white, red, yellow, gray, blue, green, black, purple, lt.blue vb.
Boyut: -2, -1, 0, +1, +2 +3

Blink eden (yanıp sönen) yazılar yapmak:
Blink etmesini istediğiniz kelime ya da cümleyi <blink> ve </blink> kodları arasına alınız.
Bu satır:
<blink> Bu cümle sürekli yanıp söner. </blink>
ekranda böyle görünür:

Bu cümle sürekli yanıp söner.

Yatay çizgi çizmek:
Eğer, sayfada yatay çizgiler kullanmak istiyorsanız, aşağıdaki kodu yazmalısınız.

Bu satır:
<hr align="center" size="3" width="100%" color="yellow" noshade>
ekranda böyle görünür:

---

Sayfaya resim koymak:
Internet ortamında yayınlanmakta olan bir resmi sayfanıza koyabilirsiniz. Bu resimler; illüstrasyon, fotograf ya da hareketli resimler olabilir.

Not: Kendi sabit diskinizdeki bir resmin sayfada yayınlanması teknik olarak mümkün değildir. Öncelikle bu resmi, internet ortamında yayınlanmak üzere, bir server'a yüklemelisiniz.

Yayınlanmasını istediğiniz resmin web adresini (URL), <img src=" "> kodundaki tırnaklar içine yazınız.

Not: Web adresini doğru yazmaya ve büyük/küçük harf farkına dikkat edin. Bir adresi yazmanın en kolay yolu şudur:
Seçtiğiniz bir resmin üstünde farenin sağ butonunu tıklayın. Açılan pencerenin en altında bulunan "Copy Image Location" seçeneğini tıklayın. Sonra da ilgili tekst alanına yapıştırın (paste).

Bu kod sadece, "Hakkınızda" adlı metin alanında geçerlidir. "Fotoğrafınız" alanında kullanmanıza gerek yoktur.
Örnek olarak Superonline World'ün ana sayfasında yayınlanan logosunun adresini yazalım.
Bu satır:
<img src="http://www.superonline.com/image/sollogo.jpg">
ekranda böyle görünür:



Bir başka sayfaya link vermek:
Internet ortamında yayınlanmakta olan bir web sayfasının linkini sayfanızdan verebilirsiniz.
Bağlanılmasını istediğiniz web sayfasının adresini (URL), <a href=" "> kodundaki tırnaklar içine yazınız. Linki </a> kodu ile bitirin.

Not: Bu kod sadece, "Hakkınızda" adlı metin alanında geçerlidir. "Favori web adresleriniz" alanında kullanmanıza gerek yoktur.

Bu satır:
Superonline World'de, her hafta ilgi çekici anketler yapılıyor... Siz de tercihinizi yapıp oy vermek isterseniz, <a href="http://www.superonline.com/superanket/" target=_blank> burayı tıklayın. </a>
ekranda böyle görünür:

Superonline World'de, her hafta ilgi çekici anketler yapılıyor... Siz de tercihinizi yapıp oy vermek isterseniz, burayı tıklayın.

Eğer bir üye yukarıdaki linki tıklarsa, yeni bir pencere (browser) açılır ve o siteye bağlanır.