Tüm HTML belgeleri <!DOCTYPE html>
ile başlamalıdır.
Bu ifade oluşturduğunuz dosyanın bir HTML belgesi olduğunu bildirir.
Daha sonra tüm HTML etiketlerini saran <html>
etiketi ile belge başlamalı ve </html>
ile belge bitmelidir.
Kullanılacak tüm HTML etiketleri <html></html>
arasına yazılmalıdır.
HTML belgesi içinde görüntülenecek olan tüm içerik <body></body>
içine yazılmalıdır. Bu etiket HTML belgesinin gövdesini ifade eder.
Bu ifadelerden birinin olmaması durumunda HTML belgeniz yine de görüntülenir fakat her internet tarayıcı da düzgün görüntülenmeyebilir.
HTML bu anlamda katı kuralları olmayan bir dildir ve görüntüleme sonuçları tarayıcıdan tarayıcıya farklılık gösterebilir.
<!DOCTYPE html>
<html>
<body>
<h1>h1 html belgelerinde başlıklar için kullanılır.</h1>
<p>p paragraf için kullanılan etikettir.</p>
</body>
</html>
HTML ile bir belge oluştururken başlık etiketlerinden faydalanırız. HTML belgeleri metin, resim, video ve müzik dosyalarından oluşabilir.
HTML belgelerinde metin içerisindeki başlıkları <h1>
'den <h6>
'ya kadar olan etiketler ile tanımlarız.
<h1>
en önemli başlık için, <h6>
en önemsiz başlık için kullanılır.
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
HTML metinlerinde paragraf <p>
etiketi ile oluşturulur.
HTML belgeleri birbirlerine linkler ile bağlanırlar.
Bir web sitesinde herhangi tıklanabilir bir alana tıkladığınızda aslında başka bir HTML belgesine verilen linke tıklamışsınız demektir.
HTML belgelerinde farklı HTML dosyaları arasındaki geçişi linkler sağlar.
HTML belgelerinde linkler aynı zamanda farklı bir web sitesine geçiş için de kullanılabilir.
Bir HTML belgesinden diğerine geçmek, link oluşturmak için kullanılan etiket <a>
etiketidir.
href
ifadesi özellik olarak adlandırılır. Link tıklandığında kullanıcı nereye yönlendirilecek bunun bilgisini sağlar.
HTML belgelerinde metinler ile birlikte en çok kullanılan içerik resimlerdir.
Bir HTML belgesine resim <img>
etiketi ile eklenir.
Bu kodda img klasörü altındaki ice-age.jpg isimli resim html belgesine eklenmiştir.