<br> bir satır boşluk bırakmaya yarar

<p title=”paragraph” style=”color:red” > bu bir paragraftır </p> : title mouse o paragrafın üzerine
geldiğinde açıklama görünmesini sağlar. Style ise yazının rengi.
<h1 style=”font-size: 60px”> : boyutunu değiştirir.
<hr> :düz boş çizgi
<pre> </pre>: şiir formatında alt alta yazdırır.
<b> </b> :arasındaki yazıyı kalın yazdırır.
<strong> </strong>: arasındaki yazı kalın yazılır ve önem belirtir
<i> : italic yazdırır. <em>: önem belirtir ve italic
<small> yazıyı biraz küçültür.
<mark> highlight yapar.
<del> :üstünü çizer
<ins> altını çizer.
<sup> : üzeri ifadesi şeklinde yazar 45^2

<q> : tırnak içerisinde yazar

<blockquote> : yeni bir satırdan girinti olacak şekilde yazar.

<p> <abbr title=”Dünya Sağlık Örgütü”>WHO</abbr> bu yıl çalıştı </p> : bir kısaltmanın açılımını

mouse ile üzerine gelindiğinde gösterir.

<address> : italic yazar alt satırda yazar.

<cite> italic yazar

<bdo dir=”rtl”> : tersten yazdırır. Right to left

<p style=”background-color:Tomato;”> : Arka plan rengini değiştirir

*** CSS dosyalarını ayrı bir sheette tuttuğumuzda main sheetimizde <link href=”css/stil.css”

rel=”stylesheet”> olarak belirtmeliyiz.

https://chromewebstore.google.com/detail/jcbmcnpepaddcedmjdcmhbekjhbfnlff<a

href=”www.google.com” target=”_self”> Google Tarayıcı</a> :Target=_self ifadesi tıklanılan siteyi

aynı sekmede açar. _blank yeni sekmede açtırır.

<a href=”github.com”>

<img src=”image.com” alt=”logo”> </a> :resmin yolu verilir. Eğer resim bulunamazsa resim yerine logo

yazılır. Resime tıklayınca da github.com adresine gidilir.

<a href=”mailto:ocakhande2@gmail.com”> bana mail at </a>

*** resimde belirli bir noktaya tıklandığında istediğim adrese yönlendirmek için:
1. Page ruler redux uzantısını kullanıyoruz.
2. Resimin kullanacağımız kısmın sol üst köşesinib koordinatları ile sağ alt köşesinin koordinatlarını
alıyoruz. (sol üste göre ref)
3. <img src =”hande123” alt=”bilgisayar” usemap=”#pc1”>
<map name=”pc1”>
<area shape=”rect” coords=”32,41,275,344” alt=”bilgisayar” href=”google.com”>
<area shape=”crect” coords =”42,54,233,289” alt=”telefon” href=”apple.com”>
</map>

<picture>
<source meadia=”(min-width:850px)” srcset=”hande1.com”>
<source meadia=”(min-width:650px)” srcset=”hande12.com”>
<source meadia=”(min-width:250px)” srcset=”hande123.com”>
</picture>
<iframe frameborder=="0" src="https://www.miateknoloji.com/" width="600" title="İş Sayfası"
height="600"> </iframe>
<br>
<iframe name="iframe1" width="560" height="315"
src="https://www.youtube.com/embed/cU2noFVKk-U?si=Y5T93IEQqIftRvTd" title="YouTube video
player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture; web-share" allowfullscreen></iframe>
<p> <a href="https://dergiburda.com/" target="iframe1">Beni tıkla Dergiyi açayım</a></p>
INPUT İŞLEMLERİ
UserName: <input type="text" name="username"> <br> <br>
Bu koda attr olarak value değeri de verseydik ,value=”hande ocak” şeklinde, default olarak formda bu
kısım dolu gelirdi. Readonly yapsaydık, default olarak gelen değeri değiştiremezdik ve form submit
edildiğinde o değer de gönderilirdi. Disabled yapılsaydı değiştirilemezdi ve formda da gönderilmezdi.
Placeholder=”0543-344-32-32” yazmadan önce görünen örnek
Required zorunlu alanları gösterir.
Autofocus sayfa açıldığında autofocus olan yerden başlamasını sağlar.
Autocomplete otomatik doldurma özelliği
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>