HTML dosya uzantısı .html veya .htm olmalıdır. Bu dosyaların sahip olması gereken kodlar aşağıdaki gibidir.
<!DOCTYPE HTML> - Doküman tipini tanımlar. ör: Html 5
<html> - Html dosya başlangıç kodudur.
<head> - Meta, title, link, java script, css gibi bilgilerin bulunduğu alandır.
<title>Title</title> - Html başlık bölümüdür.
</head> - Head bölümü sonu
<body> - Websayfasının gösterilecek tüm içeriği bu bölümde yer alır.
<b>Content</b>
</body> - Body bölümü sonu
</html> - Html bölümü sonu
Yazı karekterlerinin kalın harflerle yazmak için; <b> kodu kullanılır.
<b>Yazı</b> Çıktısı Yazı şeklindedir.
İtalik yazı karekteri için <em> kodu kullanılır.
<em>Yazı</em> Çıktısı Yazı şeklindedir.
Alt satıra geçmek için <br> kodu kullanılır.
Paragraf için <p> kodu kullanılır. Kullanımı;
<p>Yazı</p> Şeklindedir.
HTML içinde birçok kod aşağıdaki formatta yazılır.
<tag işlem="değer"> içerik </tag>
Anchor = a = link komutlarına bakalım
<a href="www.serkan.net">Serkan Web Page</a>
HTML dosyaya resim eklemek için
<img src="url" alt="Açıklayıcı Yazı"> komutu kullanılır.
HTML dosyası web sayfası içindeki genel kuralları belirliyor. Css dosyası ise HTML içeriğinin hasıl görüntüleneceğini belirliyor ve görsel özellikleri yönetiyor. Css dosyası ile yazı tipleri, kalınlıkları, renk, resim boyutları gibi özellikler yönetiliyor. Css dosyası içeriğin istediğiniz formatta görüntülenmesini sağladığı gibi web sayfanıza bir standart getiriyor. Bu dosyadaki tanımları defalarca kullanarak aynı kodları sürekli html içerisinde yazmak zorunda kalmıyorsunuz.
HTML dosyası web sayfası içindeki genel kuralları belirliyor. Css dosyası ise HTML içeriğinin hasıl görüntüleneceğini belirliyor ve görsel özellikleri yönetiyor. Css dosyası ile yazı tipleri, kalınlıkları, renk, resim boyutları gibi özellikler yönetiliyor. Css dosyası içeriğin istediğiniz formatta görüntülenmesini sağladığı gibi web sayfanıza bir standart getiriyor. Bu dosyadaki tanımları defalarca kullanarak aynı kodları sürekli html içerisinde yazmak zorunda kalmıyorsunuz.
