01_html_giris.html
<!DOCTYPE html>
<html lang="tr-TR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>başlık</title>
</head>
<body>
<!-- paragraf kodu -->
<p>çağlar karabulut</p>
<!-- br bir satır alta geçme kodu -->
web <br />
tabanlı <br />
uygulama <br />
Geliştirme
<!-- hr enine çizgi kodu -->
<hr />
<!-- kalın yazma kodu -->
<b> beycesultan </b>
<hr />
<!-- bir karakter boşluk bırakma kodu -->
11 A
<hr />
<!-- i italik yazma kodu -->
<i> Mahmut </i>
<hr />
<!-- del üzeri çizgili yazma kodu -->
<del> 599 TL</del> 499 TL
<hr />
<!-- u etiketi altı çizili yazar -->
<u> önemli</u>
<hr />
<!-- mark yazının arkasını sarıya boyar -->
<mark>iyi seyirler</mark>
<hr />
<!-- sub alt karakter yazma kodu -->
H <sub>2</sub> 0 <br />
<!-- sup üst karakter yazma kodu -->
x <sup>2</sup> <br />
m <sup>3</sup>
<hr />
<!-- h1 h2 h3 h4 h5 h6 başlık kodları -->
<h1>Başlık h1 boyutunda</h1>
<h2>Başlık h2 boyutunda</h2>
<h3>Başlık h3 boyutunda</h3>
<h4>Başlık h4 boyutunda</h4>
<h5>Başlık h5 boyutunda</h5>
<h6>Başlık h6 boyutunda</h6>
<hr />
<!-- pre Etiketi içerisine yazılan yazılar olduğu gibi görüntülenir. br p gibi kodları kullanmaya gerek kalmaz. -->
<pre>
ali ayşe
ata
bak
</pre
>
</body>
</html>
# uygulama 01
- "02_uygulama_01" klasörünü oluşturunuz.
- "en_iyi_filmler.html" isminde dosya ekleyiniz.
- Sayfayı özetleyen uygun bir başlık ve açıklama ekleyiniz.
- Sayfa açıklamasında önemli kısımlar için biçimlendirme etiketleri kullanınız.
- Aşağıdaki linkte verilen en popüler 3 filmi uygun etiketlerle listeleyiniz.
- https://www.sinemalar.com/liste/278/olmeden-once-mutlaka-izlenmesi-gereken-100-film
en_iyi_filmler.html
<!DOCTYPE html>
<html lang="tr-TR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ölmeden Önce Mutlaka İzlenmesi Gereken 100 Popüler Film</title>
</head>
<body>
<h1>Ölmeden Önce Mutlaka İzlenmesi Gereken 100 Popüler Film</h1>
<p>
Sinema dünyasında yarattıkları etkiyle yönetmen ve oyuncularını ünlendiren
ya da ünlerine ün katan, zaman içinde kültleşmiş, hikayeleri hala
senaristlere ilham olan 100 popüler filmi sizler için derledik. En iyi
senaryoların muhteşem oyunculuk performanslarıyla buluştuğu, unutulmaz
sahneleri ve replikleriyle hafızalara kazınmış 100 film bu listede!
Ölmeden önce mutlaka izlenmesi gereken filmler listesini tamamlamayı
unutmayın :)
<strong>İyi seyirler...</strong>
</p>
<p>
<em>
<strong> Kaynak </strong>
<mark> sinemalar.com </mark>
</em>
</p>
<hr />
<h2>2001: Uzay Macerası</h2>
<h4>2001: A Space Odyssey</h4>
<p>
<b> Yönetmen:</b> Stanley Kubrick <br />
<b>Oyuncular:</b> Keir Dullea , Gary Lockwood , William Sylvester ,
Daniel, Richter , Douglas Rain <br />
<b>Puan:</b> 8,0/10<br />
</p>
<hr />
<h2>Yaratık</h2>
<h4>Alien</h4>
<p>
<b>Yönetmen:</b> Ridley Scott<br />
<b>Oyuncular:</b> Ian Holm , Veronica Cartwright , John Hurt , Sigourney
Weaver , Tom Skerritt<br />
<b>Puan:</b> 8,3/10<br />
</p>
<hr />
<h2>Aç Gözünü</h2>
<h4>Abre Los Ojos</h4>
<p>
<b>Yönetmen:</b> Alejandro Amenábar<br />
<b>Oyuncular:</b> Eduardo Noriega , Penélope Cruz , Chete Lera , Fele
Martínez , Najwa Nimri<br />
<b>Puan:</b> 8,1/10<br />
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>linkler</title>
</head>
<body>
<p id="sayfabasi">sayfa başı</p>
<br />
<br />
<br />
<a href="deneme.html" target="_blank"> deneme sayfası linki </a>
<br />
<br />
<br />
<a href="../06_images/images.html" title="bu linkin başlığı">
İmages sayfasına gitmek için tıklayın.
</a>
<br />
<br />
<br />
<a href="../06_images/images.html">
<img src="../06_images/images/kiz_kulesi.jpg" width="100" alt="" />
</a>
<br />
<br />
<br />
<!-- target _blank yeni sekmede açmaya yarar -->
<a href="https://google.com" target="_blank"> google </a>
<br />
<br />
<br />
<a href="https://caglarkarabulut.com" target="_blank">
caglarkarabulut sitesi
</a>
<br />
<br />
<br />
oyunu indirmek için <a href="oyun.rar"> tıklayın. </a>
<br />
<br />
<br />
<a href="mailto:[email protected]"> Mail Gönder </a>
<br />
<br />
<br />
<a href="tel:+90545-324-34-60"> Telefonla Sipariş Ver </a>
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#birincikita"> istiklâl marşı 1.ci kıta </a>
<br />
<br />
<a href="#ikiincikita"> istiklâl marşı 2.ci kıta </a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h1>İSTİKLÂL MARŞI</h1>
<p id="birincikita">
Korkma, sönmez bu şafaklarda yüzen al sancak;<br />
Sönmeden yurdumun üstünde tüten en son ocak.<br />
O benim milletimin yıldızıdır, parlayacak;<br />
O benimdir, o benim milletimindir ancak.<br />
</p>
<br />
<a href="#sayfabasi"> Yukarı Çık </a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p id="ikiincikita">
Çatma, kurban olayım çehreni ey nazlı hilâl!<br />
Kahraman ırkıma bir gül… ne bu şiddet bu celâl?<br />
Sana olmaz dökülen kanlarımız sonra helâl,<br />
Hakkıdır, Hakk’a tapan, milletimin istiklâl.<br />
</p>
<br />
<a href="#sayfabasi"> Yukarı Çık </a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
resim klasörünü indirmek için tıklayın.
04_images.html
<!DOCTYPE html>
<html lang="tr-TR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<img src="images/kiz_kulesi.jpg" alt="kız kulesi resmi" />
<hr />
<img
src="images/turkish_flag.png"
alt="Türk Bayrağı resmi"
width="200"
height=""
/>
<hr />
<img src="images/laptop.gif" alt="" />
<hr />
<img
src="https://sofiaadventures.com/wp-content/uploads/2020/02/shutterstock_1429356797.jpg"
alt=""
width="200"
/>
<hr />
<br /><br /><br />
<a href=""><img src="images/hp-victus.jpg" width="200" alt="" /></a>
</body>
</html>
image_map.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="images/pc_setup.jpg" usemap="#image-map" />
<map name="image-map">
<area
target="_blank"
alt="monitör"
title="monitör"
href="https://www.hepsiburada.com/gamebooster-gb-2726cf-27-240hz-va-1ms-fhd-curved-r1500-gaming-monitor-pm-HBC00004SC66D"
coords="359,494,797,297"
shape="rect"
/>
<area
target="_blank"
alt="kasa"
title="kasa"
href="https://www.hepsiburada.com/msi-mag-shield-m301-mesh-matx-gaming-bilgisayar-kasasi-pm-HBC00002JLDW2"
coords="895,542,1081,598,1168,578,1168,373,896,369"
shape="poly"
/>
<area
target="_blank"
alt="mouse"
title="mouse"
href="https://www.hepsiburada.com/asus-wt425-kablosuz-optik-sessiz-tiklama-ozellikli-siyah-mouse-p-BD803929"
coords="709,597,737,603,759,599,757,576,740,561,710,565"
shape="poly"
/>
<area
target="_blank"
alt="klavye"
title="klavye"
href="https://www.hepsiburada.com/rampage-titan-k9-x-coral-siyah-usb-gokkusagi-renkli-aydinlatmali-q-gaming-oyuncu-klavyesi-yenilenmis-pm-HBC00004W8BS6"
coords="390,599,588,599,587,561,409,559"
shape="poly"
/>
<area
target="_blank"
alt="hoparlör"
title="hoparlör"
href="https://www.hepsiburada.com/rtg-x6s-bluetooth-hoparlor-aux-sd-kart-usb-tasinabilir-ses-bombasi-siyah-p-HBCV0000391MML?magaza=RTG%20Store"
coords="255,456,329,548"
shape="rect"
/>
</map>
</body>
</html>