Bu modülde sizlerle birlikte öncelikle HTML'yi tüm detaylarıyla tanımlayacağız. Ardından bir web sayfasının ve html etiketlerinin anatomisini inceleyerek html kodlama sürecini ayrıntılandıracağız.
Türkçeye "Hiper Metin İşaretleme Dili" olarak çevirilen HTML (Hypertext Markup Language), web sayfaları oluşturmak için geliştirilmiş standart bir kodlama dilidir.
- HTML, bir programlama dili değildir; web içeriğinin yapısını tanımlayan bir işaretleme dilidir.
- HTML, iç içe geçmiş bir dizi hiyerarşik ögeden meydana gelir.
- HTML, web içeriklerinin tarayıcılar tarafından görüntülenebilmesini mümkün kılar.
- HTML; h1, p, ul, img ve table gibi etiketler kullanılarak kodlanır.
Bir HTML Dosyasının Anatomisi
İlk web sayfamızı oluşturarak bir HTML dosyasının anatomisini inceleyelim.
DocType bildirimi, web tarayıcılarına bu belgenin bir HTML kodu olduğunu belirtmek amacıyla kullanılır. Kullanılan HTML sürümüne göre farklı değerler alır. Bu değer HTML5 sürümünü belirtmek için kullanılır.
etiketi, bir web sayfasını yapılandırmak için kullanılan kök ogedir. Diğer tüm etiketler bunun içerisine yazılır.
etiketi, bir web sayfasının yapısına dair üst verileri tanımlamak için kullanılır. Dosyanın başlığı, anahtar kelimeler, arama motorlarının web sayfasını tanıması için gerekli açıklamalar ve CSS tanımlamaları pek çok üst veri head etiketi içerisine yazılarak tanımlanır.
Bu satır, web sayfanızda kullanılması gereken karakter kümesini UTF-8'e ayarlar.
etiketi, web sayfasının başlığını belirtmek için kullanılır.</p>
<pre><body></body><br /><span style="color:#808080;"></span></pre>
<p><body> etiketi, web sayfasında bulunması gereken tüm içeriği kapsar. Metin, resim, video ve diğer tüm ögeler body etiketinin içerisine yazılarak web sayfasına eklenir.</p>
<pre><h1></h1><br /><span style="color:#808080;"></span></pre>
<p><h1> etiketi, birinci seviye bir başlık oluşturmak için kullanılır.</p>
<pre><br /><span style="color:#808080;"></span></pre>
<p><p> etiketi, metni paragraf olarak tanımlamak için kullanılır.</p>
<h2>Bir HTML Ögesinin Anatomisi</h2>
<p>HTML dosyasının genel yapısını inceledik, şimdi de web sayfalarının en küçük yapı taşı olan HTML ögelerinin anatomisini mercek altına alalım.</p>
<div style="width:80%;margin:40px auto;"><img src="$IMS-CC-FILEBASE$/html-ogesi.png" alt="html-ogesi.png" /></div>
<ul>
<li>
<strong>Açılış Etiketi:</strong> HTML ögesinin başlangıç noktasıdır. Açılışta kullanılan etiket ile kapanışta kullanılan etiket aynı olmak zorundadır.</li>
<li>
<strong>Kapanış Etiketi:</strong> HTML ögesinin sonlandırıldığı bölümdür.</li>
<li>
<strong>İçerik:</strong> Biçimlendirilmek istenen içeriktir. Örneğimizde, bu içerik metindir. </li>
</ul>
<p>Bir HTML ögesinin yapısını kontrol etmek için özniteliklerden faydalanılır.</p>
<div style="width:80%;margin:40px auto;"><img src="$IMS-CC-FILEBASE$/html-ogesi-oznitelik.png" alt="html-ogesi-oznitelik.png" /></div>
<p>Öznitelikler, HTML ögesi hakkında ek bilgiler sunar. Açılış etiketine eklenir ve söz dizimi <span style="color:#808080;"><strong>oznitelik="deger"</strong></span> formatındadır. Örneğimizde; <strong>class</strong> özniteliğine <strong>vurgu</strong> değeri verilerek paragraf CSS ile biçimlendirilmiştir.</p>
<p>Bazı HTML ögelerinin içeriği yoktur ve genellikle <strong>boş öge</strong> olarak adlandırılırlar. Web sayfalarına görsel eklemek için kullanılan <strong>img</strong>, buna en güzel örnektir. Boş bir HTML ögesinin söz dizimi şu şekildedir:</p>
<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>images/gorselin-adi.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"Görsele ilişkin açıklama</span><span class="token punctuation">" /</span></span><span class="token punctuation">></span></span></code></pre>
<p> </p></div></div><div class="modified">En son değiştirme: Pazartesi, 21 Temmuz 2025, 11:30 ÖÖ</div></div>
<div class="mt-5 mb-1 activity-navigation container-fluid">
<div class="row">
<div class="col-md-4"> <div class="float-left">
<a href="https://oyunlagelecek.anadolu.edu.tr/mod/forum/view.php?id=1494&forceview=1" id="prev-activity-link" class="btn btn-link" >◄ Duyurular</a>
</div>
</div>
<div class="col-md-4"> <div class="mdl-align">
<div class="urlselect">
<form method="post" action="https://oyunlagelecek.anadolu.edu.tr/course/jumpto.php" class="form-inline" id="url_select_f68a74d8a6f2b834">
<input type="hidden" name="sesskey" value="tNCZjcVWrh">
<label for="jump-to-activity" class="sr-only">
Geçiş yap...
</label>
<select id="jump-to-activity" class="custom-select urlselect" name="jump"
>
<option value="" selected>Geçiş yap...</option>
<option value="/mod/page/view.php?id=1451&forceview=1" >Web Nasıl Çalışır?</option>
<option value="/mod/page/view.php?id=1452&forceview=1" >Ön Uç Web Geliştirmeye Giriş</option>
<option value="/mod/forum/view.php?id=1453&forceview=1" >Ön uç web geliştirmeyi tartışıyoruz</option>
<option value="/mod/forum/view.php?id=1494&forceview=1" >Duyurular</option>
<option value="/mod/page/view.php?id=1455&forceview=1" >Metin Etiketleri</option>
<option value="/mod/page/view.php?id=1456&forceview=1" >Tablolar</option>
<option value="/mod/page/view.php?id=1457&forceview=1" >Bağlantılar</option>
<option value="/mod/page/view.php?id=1458&forceview=1" >Görseller</option>
<option value="/mod/page/view.php?id=1459&forceview=1" >Medya Dosyaları ile Çalışmak</option>
<option value="/mod/page/view.php?id=1460&forceview=1" >Formlar</option>
<option value="/mod/page/view.php?id=1461&forceview=1" >Blok Etiketler</option>
<option value="/mod/forum/view.php?id=1462&forceview=1" >HTML öğreniyoruz</option>
<option value="/mod/page/view.php?id=1463&forceview=1" >CSS'e Giriş</option>
<option value="/mod/page/view.php?id=1464&forceview=1" >CSS Nedir?</option>
<option value="/mod/page/view.php?id=1465&forceview=1" >Bir CSS Kuralının Anatomisi</option>
<option value="/mod/page/view.php?id=1466&forceview=1" >HTML Dosyalarına CSS Eklemek</option>
<option value="/mod/page/view.php?id=1467&forceview=1" >CSS Seçicileri</option>
<option value="/mod/page/view.php?id=1468&forceview=1" >Basit Seçiciler</option>
<option value="/mod/page/view.php?id=1469&forceview=1" >Birleştiriciler</option>
<option value="/mod/page/view.php?id=1470&forceview=1" >Sözde Sınıf (pseudo-class) Seçiciler</option>
<option value="/mod/page/view.php?id=1471&forceview=1" >Sözde Öge (pseudo-element) Seçiciler</option>
<option value="/mod/page/view.php?id=1472&forceview=1" >Özellik Seçiciler</option>
<option value="/mod/page/view.php?id=1473&forceview=1" >Metinleri Biçimlendirmek</option>
<option value="/mod/page/view.php?id=1474&forceview=1" >Blokları Biçimlendirmek</option>
<option value="/mod/page/view.php?id=1475&forceview=1" >CSS Kutu Modeli</option>
<option value="/mod/page/view.php?id=1476&forceview=1" >Border (Kenarlık)</option>
<option value="/mod/page/view.php?id=1477&forceview=1" >Padding (Dolgu)</option>
<option value="/mod/page/view.php?id=1478&forceview=1" >Margin (Kenar Boşluğu)</option>
<option value="/mod/page/view.php?id=1479&forceview=1" >Inline-Block (Satır İçi Blok)</option>
<option value="/mod/page/view.php?id=1480&forceview=1" >Arka Plan</option>
<option value="/mod/page/view.php?id=1481&forceview=1" >Arka Plan Rengi</option>
<option value="/mod/page/view.php?id=1482&forceview=1" >Arka Plan Resmi</option>
<option value="/mod/page/view.php?id=1483&forceview=1" >Arka Plan Gradyanları</option>
<option value="/mod/page/view.php?id=1484&forceview=1" >Sayfa Düzenini Yönetmek</option>
<option value="/mod/forum/view.php?id=1485&forceview=1" >CSS öğreniyoruz</option>
<option value="/mod/page/view.php?id=1486&forceview=1" >JavaScript'in Temelleri</option>
<option value="/mod/page/view.php?id=1487&forceview=1" >JavaScript'in Yapı Taşları</option>
<option value="/mod/page/view.php?id=1488&forceview=1" >JavaScript Nesneleri</option>
<option value="/mod/page/view.php?id=1489&forceview=1" >İstemci API'ları</option>
<option value="/mod/page/view.php?id=1490&forceview=1" >Bootstrap'e Giriş</option>
<option value="/mod/page/view.php?id=1491&forceview=1" >Bootstrap ile Kişisel Web Sitesi Geliştirmek</option>
<option value="/mod/page/view.php?id=1492&forceview=1" >jQuery'e Giriş</option>
<option value="/mod/page/view.php?id=1493&forceview=1" >jQuery ile Blog Geliştirmek</option>
</select>
<noscript>
<input type="submit" class="btn btn-secondary ml-1" value="Git">
</noscript>
</form>
</div>
</div>
</div>
<div class="col-md-4"> <div class="float-right">
<a href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1455&forceview=1" id="next-activity-link" class="btn btn-link" >Metin Etiketleri ►</a>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="columnleft blockcolumn has-blocks ">
<section data-region="blocks-column" class="d-print-none" aria-label="Bloklar">
<aside id="block-region-side-pre" class="block-region" data-blockregion="side-pre" data-droptarget="1"><a href="#sb-1" class="sr-only sr-only-focusable">Gezinme 'yı atla</a>
<section id="inst39"
class=" block_navigation block card mb-3"
role="navigation"
data-block="navigation"
data-instance-id="39"
aria-labelledby="instance-39-header"
>
<div class="card-body p-3">
<h5 id="instance-39-header" class="card-title d-inline">Gezinme</h5>
<div class="card-text content mt-3">
<ul class="block_tree list" role="tree" data-ajax-loader="block_navigation/nav_loader"><li class="type_unknown depth_1 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b82_group" data-collapsible="false" aria-labelledby="random68a74d8a6f2b81_label_1_1"><p class="tree_item branch navigation_node"><a tabindex="-1" id="random68a74d8a6f2b81_label_1_1" href="https://oyunlagelecek.anadolu.edu.tr/">Ana sayfa</a></p><ul id="random68a74d8a6f2b82_group" role="group"><li class="type_course depth_2 contains_branch" role="treeitem" aria-expanded="false" aria-owns="random68a74d8a6f2b84_group" aria-labelledby="random68a74d8a6f2b83_label_2_2"><p class="tree_item branch"><span tabindex="-1" id="random68a74d8a6f2b83_label_2_2" title="Oyunla Gelecek">Site sayfaları</span></p><ul id="random68a74d8a6f2b84_group" role="group" aria-hidden="true"><li class="type_custom depth_3 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b85_label_3_4"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b85_label_3_4" href="https://oyunlagelecek.anadolu.edu.tr/my/courses.php"><i class="icon fa fa-square fa-fw navicon" aria-hidden="true" ></i><span class="item-content-wrap">Kurslarım</span></a></p></li><li class="type_setting depth_3 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b85_label_3_5"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b85_label_3_5" href="https://oyunlagelecek.anadolu.edu.tr/tag/search.php"><i class="icon fa fa-square fa-fw navicon" aria-hidden="true" ></i><span class="item-content-wrap">Etiketler</span></a></p></li><li class="type_activity depth_3 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b85_label_3_6"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b85_label_3_6" title="Respondus 4.0 Web Services" href="https://oyunlagelecek.anadolu.edu.tr/mod/respondusws/view.php?id=159"><img class="icon navicon" alt="Respondus 4.0 Web Services" title="Respondus 4.0 Web Services" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/respondusws/1755609006/monologo" /><span class="item-content-wrap">Respondus 4.0 Web Services</span></a></p></li><li class="type_activity depth_3 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b85_label_3_7"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b85_label_3_7" title="Forum" href="https://oyunlagelecek.anadolu.edu.tr/mod/forum/view.php?id=372"><img class="icon navicon" alt="Forum" title="Forum" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/forum/1755609006/monologo" /><span class="item-content-wrap">Site duyuruları</span></a></p></li></ul></li><li class="type_system depth_2 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b83_label_2_10"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b83_label_2_10" href="https://oyunlagelecek.anadolu.edu.tr/my/courses.php"><i class="icon fa fa-graduation-cap fa-fw navicon" aria-hidden="true" ></i><span class="item-content-wrap">Kurslarım</span></a></p></li><li class="type_system depth_2 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b811_group" aria-labelledby="random68a74d8a6f2b83_label_2_11"><p class="tree_item branch canexpand"><a tabindex="-1" id="random68a74d8a6f2b83_label_2_11" href="https://oyunlagelecek.anadolu.edu.tr/course/index.php">Kurslar</a></p><ul id="random68a74d8a6f2b811_group" role="group"><li class="type_category depth_3 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b813_group" aria-labelledby="random68a74d8a6f2b812_label_3_12"><p class="tree_item branch canexpand"><span tabindex="-1" id="random68a74d8a6f2b812_label_3_12">AKADEMA</span></p><ul id="random68a74d8a6f2b813_group" role="group"><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_6" data-node-key="6" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_13"><p class="tree_item branch" id="expandable_branch_10_6"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_13">ARAŞTIRMA</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_7" data-node-key="7" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_14"><p class="tree_item branch" id="expandable_branch_10_7"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_14">DİL</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_8" data-node-key="8" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_15"><p class="tree_item branch" id="expandable_branch_10_8"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_15">EĞİTİM</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b815_group" aria-labelledby="random68a74d8a6f2b814_label_4_16"><p class="tree_item branch canexpand"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_16">FEN VE TEKNOLOJİ</span></p><ul id="random68a74d8a6f2b815_group" role="group"><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_67" data-node-key="67" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_17"><p class="tree_item branch" id="expandable_branch_20_67"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_17" title="Ön Uç Web Geliştirme" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=67">MOOC_SAT_004</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b817_group" aria-labelledby="random68a74d8a6f2b816_label_5_18"><p class="tree_item branch canexpand"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_18" title="Oyunlar Teorisine Giriş" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66">MOOC_SAT_001</a></p><ul id="random68a74d8a6f2b817_group" role="group"><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_30_1024" data-node-key="1024" data-node-type="30" aria-labelledby="random68a74d8a6f2b818_label_6_19"><p class="tree_item branch" id="expandable_branch_30_1024"><span tabindex="-1" id="random68a74d8a6f2b818_label_6_19">General</span></p></li><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="true" aria-owns="random68a74d8a6f2b819_group" aria-labelledby="random68a74d8a6f2b818_label_6_20"><p class="tree_item branch"><a tabindex="-1" id="random68a74d8a6f2b818_label_6_20" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66§ion=1">Tile 1</a></p><ul id="random68a74d8a6f2b819_group" role="group"><li class="type_activity depth_7 item_with_icon current_branch" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_21"><p class="tree_item hasicon active_tree_node"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_21" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1454"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">HTML'ye Giriş</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_22"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_22" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1455"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Metin Etiketleri</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_23"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_23" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1456"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Tablolar</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_24"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_24" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1457"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Bağlantılar</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_25"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_25" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1458"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Görseller</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_26"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_26" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1459"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Medya Dosyaları ile Çalışmak</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_27"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_27" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1460"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Formlar</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_28"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_28" title="Sayfa" href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1461"><img class="icon navicon" alt="Sayfa" title="Sayfa" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/page/1755609006/monologo" /><span class="item-content-wrap">Blok Etiketler</span></a></p></li><li class="type_activity depth_7 item_with_icon" role="treeitem" aria-labelledby="random68a74d8a6f2b820_label_7_29"><p class="tree_item hasicon"><a tabindex="-1" id="random68a74d8a6f2b820_label_7_29" title="Forum" href="https://oyunlagelecek.anadolu.edu.tr/mod/forum/view.php?id=1462"><img class="icon navicon" alt="Forum" title="Forum" src="https://oyunlagelecek.anadolu.edu.tr/theme/image.php/classic/forum/1755609006/monologo" /><span class="item-content-wrap">HTML öğreniyoruz</span></a></p></li></ul></li><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_30_1026" data-node-key="1026" data-node-type="30" aria-labelledby="random68a74d8a6f2b818_label_6_30"><p class="tree_item branch" id="expandable_branch_30_1026"><a tabindex="-1" id="random68a74d8a6f2b818_label_6_30" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66§ion=2">Tile 2</a></p></li><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_30_1027" data-node-key="1027" data-node-type="30" aria-labelledby="random68a74d8a6f2b818_label_6_31"><p class="tree_item branch" id="expandable_branch_30_1027"><a tabindex="-1" id="random68a74d8a6f2b818_label_6_31" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66§ion=3">Tile 3</a></p></li><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_30_1028" data-node-key="1028" data-node-type="30" aria-labelledby="random68a74d8a6f2b818_label_6_32"><p class="tree_item branch" id="expandable_branch_30_1028"><a tabindex="-1" id="random68a74d8a6f2b818_label_6_32" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66§ion=4">Tile 4</a></p></li><li class="type_structure depth_6 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_30_1029" data-node-key="1029" data-node-type="30" aria-labelledby="random68a74d8a6f2b818_label_6_33"><p class="tree_item branch" id="expandable_branch_30_1029"><a tabindex="-1" id="random68a74d8a6f2b818_label_6_33" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66§ion=5">Tile 5</a></p></li></ul></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_65" data-node-key="65" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_34"><p class="tree_item branch" id="expandable_branch_20_65"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_34" title="Node.js ile Arka Uç Web Geliştirme" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=65">MOOC_SAT_005</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_64" data-node-key="64" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_35"><p class="tree_item branch" id="expandable_branch_20_64"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_35" title="Mikroişlemci Tasarlıyorum" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=64">MOOC_SAT_002</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_63" data-node-key="63" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_36"><p class="tree_item branch" id="expandable_branch_20_63"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_36" title="Kullanıcı Deneyimi ve Arayüz Tasarımı" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=63">MOOC_SAT_006</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_62" data-node-key="62" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_37"><p class="tree_item branch" id="expandable_branch_20_62"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_37" title="İlerici Web Uygulamaları (PWA)" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=62">MOOC_SAT_007</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_61" data-node-key="61" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_38"><p class="tree_item branch" id="expandable_branch_20_61"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_38" title="Geleceğin Teknolojileri" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=61">MOOC_SAT_008</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_60" data-node-key="60" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_39"><p class="tree_item branch" id="expandable_branch_20_60"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_39" title="Çevrimiçi Tablolar" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=60">MOOC_SAT_003</a></p></li><li class="type_course depth_5 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_20_59" data-node-key="59" data-node-type="20" aria-labelledby="random68a74d8a6f2b816_label_5_40"><p class="tree_item branch" id="expandable_branch_20_59"><a tabindex="-1" id="random68a74d8a6f2b816_label_5_40" title="Açık ve Uzaktan Öğrenme Teknolojileri" href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=59">MOOC_SAT_009</a></p></li></ul></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_10" data-node-key="10" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_41"><p class="tree_item branch" id="expandable_branch_10_10"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_41">GÜZEL SANATLAR</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_11" data-node-key="11" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_42"><p class="tree_item branch" id="expandable_branch_10_11"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_42">HUKUK</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_12" data-node-key="12" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_43"><p class="tree_item branch" id="expandable_branch_10_12"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_43">KİŞİSEL GELİŞİM</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_13" data-node-key="13" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_44"><p class="tree_item branch" id="expandable_branch_10_13"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_44">MÜZİK</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_14" data-node-key="14" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_45"><p class="tree_item branch" id="expandable_branch_10_14"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_45">SAĞLIK VE SPOR</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_15" data-node-key="15" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_46"><p class="tree_item branch" id="expandable_branch_10_15"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_46">SOSYAL BİLİMLER</span></p></li><li class="type_category depth_4 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_16" data-node-key="16" data-node-type="10" aria-labelledby="random68a74d8a6f2b814_label_4_47"><p class="tree_item branch" id="expandable_branch_10_16"><span tabindex="-1" id="random68a74d8a6f2b814_label_4_47">YÖNETİM VE EKONOMİ</span></p></li></ul></li><li class="type_category depth_3 contains_branch" role="treeitem" aria-expanded="false" data-requires-ajax="true" data-loaded="false" data-node-id="expandable_branch_10_1" data-node-key="1" data-node-type="10" aria-labelledby="random68a74d8a6f2b812_label_3_48"><p class="tree_item branch" id="expandable_branch_10_1"><span tabindex="-1" id="random68a74d8a6f2b812_label_3_48">Miscellaneous</span></p></li></ul></li></ul></li></ul>
<div class="footer"></div>
</div>
</div>
</section>
<span id="sb-1"></span></aside>
</section>
</div>
<div class="columnright blockcolumn ">
<section data-region="blocks-column" class="d-print-none" aria-label="Bloklar">
<aside id="block-region-side-post" class="block-region" data-blockregion="side-post" data-droptarget="1"></aside>
</section>
</div>
</div>
</div>
<footer id="page-footer" class="py-3 footer-dark bg-dark text-light">
<div class="container footer-dark-inner">
<div id="course-footer"></div>
<div class="logininfo">Şu anda misafir erişimini kullanıyorsunuz (<a href="https://oyunlagelecek.anadolu.edu.tr/login/index.php">Giriş yap</a>)</div>
<div class="tool_usertours-resettourcontainer"></div>
<div class="homelink"><a href="https://oyunlagelecek.anadolu.edu.tr/course/view.php?id=66">MOOC_SAT_001</a></div>
<nav class="nav navbar-nav d-md-none" aria-label="Özelleştirilmiş menü">
<ul class="list-unstyled pt-3">
<li><a href="#" title="Dil">Türkçe (tr)</a></li>
<li>
<ul class="list-unstyled ml-3">
<li><a href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1454&lang=en" title="English (en)">English (en)</a></li>
<li><a href="https://oyunlagelecek.anadolu.edu.tr/mod/page/view.php?id=1454&lang=tr" title="Türkçe (tr)">Türkçe (tr)</a></li>
</ul>
</li>
</ul>
</nav>
<div class="tool_dataprivacy"><a href="https://oyunlagelecek.anadolu.edu.tr/admin/tool/dataprivacy/summary.php">Veri saklama özeti</a></div><a href="https://download.moodle.org/mobile?version=2022041900&lang=tr&iosappid=633359593&androidappid=com.moodle.moodlemobile">Mobil uygulamayı edinin</a>
<script>
//<![CDATA[
var require = {
baseUrl : 'https://oyunlagelecek.anadolu.edu.tr/lib/requirejs.php/1755609006/',
// We only support AMD modules with an explicit define() statement.
enforceDefine: true,
skipDataMain: true,
waitSeconds : 0,
paths: {
jquery: 'https://oyunlagelecek.anadolu.edu.tr/lib/javascript.php/1755609006/lib/jquery/jquery-3.6.0.min',
jqueryui: 'https://oyunlagelecek.anadolu.edu.tr/lib/javascript.php/1755609006/lib/jquery/ui-1.13.0/jquery-ui.min',
jqueryprivate: 'https://oyunlagelecek.anadolu.edu.tr/lib/javascript.php/1755609006/lib/requirejs/jquery-private'
},
// Custom jquery config map.
map: {
// '*' means all modules will get 'jqueryprivate'
// for their 'jquery' dependency.
'*': { jquery: 'jqueryprivate' },
// Stub module for 'process'. This is a workaround for a bug in MathJax (see MDL-60458).
'*': { process: 'core/first' },
// 'jquery-private' wants the real jQuery module
// though. If this line was not here, there would
// be an unresolvable cyclic dependency.
jqueryprivate: { jquery: 'jquery' }
}
};
//]]>
</script>
<script src="https://oyunlagelecek.anadolu.edu.tr/lib/javascript.php/1755609006/lib/requirejs/require.min.js"></script>
<script>
//<![CDATA[
M.util.js_pending("core/first");
require(['core/first'], function() {
require(['core/prefetch'])
;
require(["media_videojs/loader"], function(loader) {
loader.setUp('tr');
});;
M.util.js_pending('local_edwiserreports/install'); require(['local_edwiserreports/install'], function(amd) {amd.init(); M.util.js_complete('local_edwiserreports/install');});;
M.util.js_pending('block_navigation/navblock'); require(['block_navigation/navblock'], function(amd) {amd.init("39"); M.util.js_complete('block_navigation/navblock');});;
M.util.js_pending('block_settings/settingsblock'); require(['block_settings/settingsblock'], function(amd) {amd.init("40", null); M.util.js_complete('block_settings/settingsblock');});;
M.util.js_pending('core_courseformat/local/content/activity_header'); require(['core_courseformat/local/content/activity_header'], function(amd) {amd.init(); M.util.js_complete('core_courseformat/local/content/activity_header');});;
require(['jquery', 'core/custom_interaction_events'], function($, CustomEvents) {
CustomEvents.define('#single_select68a74d8a6f2b832', [CustomEvents.events.accessibleChange]);
$('#single_select68a74d8a6f2b832').on(CustomEvents.events.accessibleChange, function() {
var ignore = $(this).find(':selected').attr('data-ignore');
if (typeof ignore === typeof undefined) {
$('#single_select_f68a74d8a6f2b831').submit();
}
});
});
;
require(['jquery', 'core/custom_interaction_events'], function($, CustomEvents) {
CustomEvents.define('#jump-to-activity', [CustomEvents.events.accessibleChange]);
$('#jump-to-activity').on(CustomEvents.events.accessibleChange, function() {
if (!$(this).val()) {
return false;
}
$('#url_select_f68a74d8a6f2b834').submit();
});
});
;
require(['jquery', 'core/custom_interaction_events'], function($, CustomEvents) {
CustomEvents.define('#single_select68a74d8a6f2b836', [CustomEvents.events.accessibleChange]);
$('#single_select68a74d8a6f2b836').on(CustomEvents.events.accessibleChange, function() {
var ignore = $(this).find(':selected').attr('data-ignore');
if (typeof ignore === typeof undefined) {
$('#single_select_f68a74d8a6f2b835').submit();
}
});
});
;
M.util.js_pending('theme_boost/loader');
require(['theme_boost/loader'], function() {
M.util.js_complete('theme_boost/loader');
});
;
M.util.js_pending('core/notification'); require(['core/notification'], function(amd) {amd.init(4873, []); M.util.js_complete('core/notification');});;
M.util.js_pending('core/log'); require(['core/log'], function(amd) {amd.setConfig({"level":"trace"}); M.util.js_complete('core/log');});;
M.util.js_pending('core/page_global'); require(['core/page_global'], function(amd) {amd.init(); M.util.js_complete('core/page_global');});;
M.util.js_pending('core/utility'); require(['core/utility'], function(amd) {M.util.js_complete('core/utility');});
M.util.js_complete("core/first");
});
//]]>
</script>
<script>
//<![CDATA[
M.str = {"moodle":{"lastmodified":"En son de\u011fi\u015ftirme","name":"Ad\u0131","error":"Hata","info":"Bilgi","yes":"Evet","no":"Hay\u0131r","viewallcourses":"T\u00fcm kurslar\u0131 g\u00f6r\u00fcnt\u00fcle","cancel":"\u0130ptal","confirm":"Onayla","areyousure":"Emin misiniz?","closebuttontitle":"Kapat","unknownerror":"Bilinmeyen hata","file":"Dosya","url":"URL","collapseall":"T\u00fcm\u00fcn\u00fc daralt","expandall":"T\u00fcm\u00fcn\u00fc geni\u015flet"},"repository":{"type":"T\u00fcr","size":"Boyut","invalidjson":"Ge\u00e7ersiz JSON ifadesi","nofilesattached":"Dosya ili\u015fkilendirilmedi","filepicker":"Dosya se\u00e7ici","logout":"\u00c7\u0131k\u0131\u015f","nofilesavailable":"Uygun dosya yok","norepositoriesavailable":"Maalesef, mevcut depolar\u0131n\u0131zdan hi\u00e7biri bu bi\u00e7imde dosya d\u00f6nd\u00fcremez.","fileexistsdialogheader":"Bu dosya var","fileexistsdialog_editor":"Bu ada sahip bir dosya, d\u00fczenlemekte oldu\u011funuz metne zaten eklenmi\u015ftir.","fileexistsdialog_filemanager":"Bu isimle zaten bir dosya var","renameto":"\u015e\u00f6yle yeniden adland\u0131r \"{$a}\"","referencesexist":"Bu dosyaya {$a} ba\u011flant\u0131 var","select":"Se\u00e7"},"admin":{"confirmdeletecomments":"Yorumlar\u0131 silmek \u00fczeresiniz, bunu yapmak istedi\u011finize emin misin?","confirmation":"Onaylama"},"debug":{"debuginfo":"Hata ay\u0131klama bilgisi","line":"Sat\u0131r","stacktrace":"Y\u0131\u011f\u0131n izleme"},"langconfig":{"labelsep":":"}};
//]]>
</script>
<script>
//<![CDATA[
(function() {Y.use("moodle-filter_mathjaxloader-loader",function() {M.filter_mathjaxloader.configure({"mathjaxconfig":"MathJax.Hub.Config({\r\n config: [\"Accessible.js\", \"Safe.js\"],\r\n errorSettings: { message: [\"!\"] },\r\n skipStartupTypeset: true,\r\n messageStyle: \"none\"\r\n});\r\n","lang":"tr"});
});
M.util.help_popups.setup(Y);
M.util.js_pending('random68a74d8a6f2b837'); Y.on('domready', function() { M.util.js_complete("init"); M.util.js_complete('random68a74d8a6f2b837'); });
})();
//]]>
</script>
</div>
</footer>
</div>
</body>
</html>