Giri┼č yap

HTML'de Temeller

E─čer a┼ča─č─▒daki etiketlerin kullan─▒m anlar─▒n─▒ anlam─▒yorsan─▒z sorun etmeyin, zaman i├žerisinde kafan─▒zda yer edinmeye ba┼člayacakt─▒r.



HTML'in Temel Etiketleri

T├╝m HTML sayfalar─▒ <!DOCTYPE> tan─▒m─▒ ile ba┼člarlar. Bu tan─▒m sayfan─▒n HTML s├╝r├╝m├╝n├╝ temsil eder.

Ve di─čer t├╝m html etiketleri <html> etiketi i├žerisinde yaz─▒lmal─▒d─▒r.

Son kullan─▒c─▒n─▒n g├Ârece─či her ┼čey <body> etiketi i├žerisinde yaz─▒l─▒r.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    i├žerik..
</body>
</html>

HTML'de Ba┼čl─▒klar

Ba┼čl─▒klar <h1> ile <h6> etiketleri aras─▒nda tan─▒mlan─▒r.

<h1> en ├Ânemli ba┼čl─▒klar i├žin, <h6> daha az ├Âneme sahip ba┼čl─▒klar i├žin kullan─▒l─▒r.

<h1>Ba┼čl─▒k ├ľrne─či</h1>
<h2>Ba┼čl─▒k ├ľrne─či</h2>
<h3>Ba┼čl─▒k ├ľrne─či</h3>
<h4>Ba┼čl─▒k ├ľrne─či</h4>
<h5>Ba┼čl─▒k ├ľrne─či</h5>
<h6>Ba┼čl─▒k ├ľrne─či</h6>

HTML'de Paragraf

Paragraflar i├žin <p> etiketi kullan─▒l─▒r.

<p>Bu bir paragraf ├Ârne─čidir.</p>

HTML'de Ba─člant─▒lar

HTML'de bir adrese ba─člant─▒ verirken <a> etiketi kullan─▒l─▒r. Bu ├Ârnekte href ba─člant─▒ya t─▒kland─▒─č─▒nda gidilecek adresi belirlemek i├žin kullan─▒l─▒r. Nitelikler, HTML etiketleri hakk─▒nda daha fazla bilgiyi belirlemek i├žin kullan─▒l─▒r.

<a href="https://prototurk.com">Protot├╝rk'├╝ ziyaret et</a>

HTML'de Resim

HTML'de resimleri g├Âstermek i├žin <img> etiket kullan─▒l─▒r. Hat─▒rlarsan─▒z, baz─▒ etiketlerin kendi kendine kapand─▒─č─▒ndan bahsetmi┼čtik, bu etiket onlara bir ├Ârnektir. Ve nitelikler olmadan, <img> etiketi hi├žbir ┼čey g├Âstermez.

<img> etiketinde resim yolunu belirlemek i├žin src="", resim yoksa g├Âz├╝kecek alternatif yaz─▒ i├žin alt="", geni┼člik ve y├╝ksekli─či ayarlamak i├žin width="" ve height="", ├╝zerine gelince a├ž─▒klama ├ž─▒kartmak i├žin title="" niteli─či kullan─▒l─▒r. Hepsini bir araya toplay─▒p test edecek olursak;

<img src="test.png" alt="Resim yoksa g├Âz├╝k├╝r" title="Bu ba┼čl─▒k ├╝zerine gelince g├Âz├╝k├╝r sadece" width="300" height="200">

HTML'de Listeler

HTML'de listeler <ul> ve <ol> etiketleri aras─▒nda <li> i├žerisinde tan─▒mlan─▒r. ├ľrnek vermek gerekirse;

<ul>
    <li>Elma</li>
    <li>Armut</li>
    <li>Erik</li>
</ul>

Daha fazla ├Ârne─če ilerleyen b├Âl├╝mlerde birlikte g├Âz ataca─č─▒z.

Tayfun Erbilen
130 g├╝n ├Ânce yazd─▒. Son g├╝ncelleme: 126 g├╝n ├Ânce