İlk gün temel internet/web ortamı ile ilgili bilgileri paylaştıktan sonra 2. gün ise HTML e giriş yaptık. İlk 2 günü başarılı şekilde ilerlettiyseniz eğer şuan HTML kod yazabiliyor ve bunun neticesinde tarayıcınızda görüntüleyebiliyor olmanız gerekmektedir. Bugün ise HTML ile ilgili konuların bir bölümünü daha paylaşacağım. Hedefim 5 günde HTML in tüm konularını tamamlamaktı. Bakalım kadem kademe ilerleyeceğimiz bu süreçte ne kadar başarılı olacağız.

1. Gün - 180 Günde Full Stack Blockchain/Web3 Yazılımcısı Olunur mu?
2. Gün - HTML’e Giriş

3. Gün Konuları

1- HTML de Linkler <a>

Video: https://www.youtube.com/watch?v=AwbFsG0gi1g

Döküman: https://www.w3schools.com/html/html_links.asp

2 – Görseller <img>

Video: https://www.youtube.com/watch?v=TRT_YRekGDU

Döküman: https://www.w3schools.com/html/html_images.asp

3 – Tablolar <table>

Video: https://www.youtube.com/watch?v=2Jc1F2vLjfI

Döküman: https://www.w3schools.com/html/html_tables.asp

4 – Listeler <ul> <ol>

Video: https://www.youtube.com/watch?v=QOF8bS6WFPU

Döküman: https://www.w3schools.com/html/html_lists.asp

5 – Video <video>

Video: https://www.youtube.com/watch?v=-BYOHFEZPy4

Döküman: https://www.w3schools.com/html/html5_video.asp

6 – Audio <audio>

Video: https://www.youtube.com/watch?v=K26uN8q4IIc

Döküman: https://www.w3schools.com/html/html5_audio.asp

7 – Block-level ve Inline Elementler

Video: https://www.youtube.com/watch?v=fz_VJym0rl0

Döküman: https://www.w3schools.com/html/html_blocks.asp

8 – Div ve Span Farkı

Video: https://www.youtube.com/watch?v=j1UXecpVK8Y

Döküman: Bir önceki maddenin dökümanında yer alıyor.

9 – Id ve Class Nedir?

Video: https://www.youtube.com/watch?v=pXMg_CjpRK4

Class Döküman: https://www.w3schools.com/html/html_classes.asp
Id Döküman: https://www.w3schools.com/html/html_id.asp

10 – Sayfa İşaretleri

Video: https://www.youtube.com/watch?v=EYNL_r7-Xwo

Döküman: https://www.w3schools.com/html/html_links_bookmarks.asp

3.gün konularının sonuna geldik. Takribi videoların tamamını izlemeniz için ayırmanız gereken süre 50dk, dökümanları okumanız için gereken süre yaklaşık 1 saat. Bugün bir de önceki günün konuları ile birleştirerek bir örnek HTML dökümanı oluşturmanız faydalı olacaktır. Aşağıdaki tüm etiketleri içeren tek sayfa bir örnek yazabilirsiniz.

<html>
<p>
<h1>
<b>,<strong>,<i>
<a href=""> <a href="#bla">
<img>
<video>
<audio>
<p class="blabla">
<div id="bla bla">
<span>
<table>
<ul> <ol>

Tebrikler! 🎉  HTML’de tablo, link, resim, video ve ses barındıran düz bir html sayfası oluşturabilecek duruma geldiniz.