index.html

<h1> Mehtap ŞŞ</h1>
<h2>Hakkımda</h2>
<p>Şu an Patika.dev adresinden frontend kursuna devam ediyorum.</p>

<a href="https://academy.patika.dev/tr/dashboard">
    Patikaya gidiyor.
</a>

<br>

<a href="">
    İletişim Sayfasına gidiyor.
</a>


<!--image-->
<h2>Görsel Öğreniyorum</h2>
<img src="https://res.cloudinary.com/canonical/image/fetch/f_auto,q_auto,fl_sanitize,w_532,h_400/https://assets.ubuntu.com/v1/f129afea-Save+Money-Yen-Euro-Dollar-2020.svg" alt="Ubuntu para para para" align="left" border="3" title="para"> 

<a href="https://www.kodluyoruz.org/about"> 
    <img src="https://cdn.sanity.io/images/9kdepi1d/production/cd25a0e87460bc77e92f9d6a5d247195f94ade06-1352x914.png?auto=format" alt="Hep Birlikte Kodluyoruz!" width=75%>
</a>


<!-- Emmet Abbreviation özelliği örneğin h1 yaz tab a bas otomotik doldursun -->
<h2>Emmet Öğreniyorum</h2>

<!-- ul>li*3>lorem1^^p*2>lorem4^h3>lorem1 -->
<ul>
    <li>Lorem.</li>
    <li>Porro?</li>
    <li>Accusamus?</li>
</ul>
<p>Lorem ipsum dolor sit.</p>
<p>Accusantium optio modi autem?</p>
<h3>Lorem.</h3>

<h3 class="deneme">Lorem, ipsum dolor.</h3>
<h3 id="idolustur">Lorem ipsum dolor sit.</h3>

<h3 class="deneme" id="idolustur">Lorem, ipsum.</h3>

<!-- div>p#item*6>lorem10 
    div tagı altında "item" id'sine sahip 
    10 kelimelik loremleri içeren 6 adet p tagı oluşturmak istersek -->
<div>
    <p id="item">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dicta, laudantium.</p>
    <p id="item">Aperiam earum quam quae a similique iure cum, saepe odit!</p>
    <p id="item">Saepe assumenda quibusdam sed tempora officiis maxime, obcaecati facilis molestiae.</p>
    <p id="item">Quidem, magni! Tempora, placeat. Enim sequi tenetur asperiores nobis voluptatum!</p>
    <p id="item">Voluptatum, repellat eligendi? Libero dolores accusantium, corrupti a magnam tempora!</p>
    <p id="item">Exercitationem neque dolor eius unde voluptates sequi labore quam quos.</p>
</div>