HTML CSS JAVASCRIPT ANGULAR

HTML Temeller


Kod örneklerinde bilmediğiniz HTML etiketleri olabilir.

Kaygılanmayın, bunları daha sonra açıklayacağız.


HTML Temel Bilgiler

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.

Örnek

<!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>

 

Kendin Dene »

 

HTML etiketlerinin görünen ve anlamsal olmak üzere iki etkisi vardır.

Görünen etki, siteyi ziyaret eden kullanıcının fark ettiği etkidir. Yazının rengi, büyük veya koyu görünmesi gibi.

Anlamsal etki, tarayıcı, arama motorları ve ekran okuyucu programlar tarafından algılanır.

Örneğin <strong>koyu yazı</strong> elementi ekranda yazıyı vurgulu hale getirirken, tarayıcı ve Google gibi arama motorlarına da bu alan önemli bir bilgi içeriyor bilgisi verir.


HTML Başlık

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.

Örnek

<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>

 

Kendin Dene »


HTML Paragraf

HTML metinlerinde paragraf <p> etiketi ile oluşturulur.

Örnek

<p>Bu bir paragraftır.</p>
<p>Bu başka bir paragraftır.</p>

 

Kendin Dene »


HTML Link

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.

Örnek

<a href="https://uzmanim.net">Bu bir linktir</a>

 

Kendin Dene »

 href ifadesi özellik olarak adlandırılır. Link tıklandığında kullanıcı nereye yönlendirilecek bunun bilgisini sağlar.


HTML Resim

HTML belgelerinde metinler ile birlikte en çok kullanılan içerik resimlerdir.

Bir HTML belgesine resim <img> etiketi ile eklenir.

Örnek

<img src="/img/ice-age.jpg"/>

 

Kendin Dene »

Bu kodda img klasörü altındaki ice-age.jpg isimli resim html belgesine eklenmiştir.


Anlamadığınız bir konu mu var?

Konu ile ilgili sorunuzu uzmanim.net'e sorabilirsiniz: uzmanim.net'e sor!