1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
---
title: Introduction to HTML
slug: Learn/HTML/Introduction_to_HTML
tags:
- HTML
- NeedsContent
- NeedsUpdate
translation_of: Learn/HTML/Introduction_to_HTML
original_slug: Öğren/HTML/Introduction_to_HTML
---
<p>HTML Özünde, bir belgede farklı anlamlar vermek için metin parçalarına uygulanabilen öğelerden oluşan oldukça basit bir dildir (bir paragraf mı? Madde işaretli bir liste mi? Masanın bir parçası mı?), bir belgeyi mantıksal bölümlere yapılandırın (bir başlığı var mı? Üç içerik sütunu mu? Navigasyon menüsü mü?) ve resim ve video gibi içeriği bir sayfaya gömün. Bu modül, bunlardan ilk ikisini tanıtacak ve HTML'yi anlamak için bilmeniz gereken temel kavramları ve sözdizimini tanıtacaktır.</p>
<h2 id="Ön_koşullar">Ön koşullar</h2>
<p>Bu makaleye okumaya başlamadan önce, daha önce herhangi bir HTML bilgisine ihtiyacınız yoktur, ancak bilgisayarları kullanma ve Web'i pasif olarak kullanma konusunda en azından temel bir aşinalık sahibi olmalısınız (yani, sadece ona bakarak, içeriği tüketerek.) Temel yazılımın kurulumunda ayrıntılı olarak ayarlanmış temel bir çalışma ortamına sahip olmanız ve dosyalarla uğraşırken ayrıntılı olarak dosyaların nasıl oluşturulacağını ve yönetileceğini anlamanız gerekir — her ikisi de 0'dan sona web geliştirmeye başlamanın bir parçasıdır.</p>
<div class="note">
<p><strong>Not </strong>: Kendi dosyalarınızı oluşturma imkanına sahip olmadığınız bir Bilgisayar/tablet/başka bir cihazda çalışıyorsanız, <a href="http://jsbin.com/">JSBin</a> veya <a href="https://glitch.com/">Glitch</a> gibi bir çevrimiçi kodlama programında kod örneklerinin çoğunu deneyebilirsiniz.</p>
</div>
<h2 id="Rehberler">Rehberler</h2>
<p>Bu makale, HTML'nin tüm temel teorisini size tanıtacak ve bazı becerileri test etmek için yeterli fırsat sağlayacak aşağıdaki yazıları içerir.</p>
<dl>
<dt>
<h2 id="HTML_ile_başlarken"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">HTML ile başlarken</a></h2>
<h4 id="Başlamak_HTMLnin_mutlak_temellerini_kapsar-öğeleri_öznitelikleri_ve_duymuş_olabileceğiniz_diğer_tüm_önemli_terimleri_dile_uydukları_yerleri_tanımlarız._Ayrıca_bir_HTML_öğesinin_nasıl_yapılandırıldığını_tipik_bir_HTML_sayfasının_nasıl_yapılandırıldığını_ve_diğer_önemli_temel_dil_özelliklerini_açıklıyoruz._Yol_boyunca_ilginizi_çekmek_HTML_ile_bir_oyun_olacak!"><br>
Başlamak HTML'nin mutlak temellerini kapsar-öğeleri, öznitelikleri ve duymuş olabileceğiniz diğer tüm önemli terimleri dile uydukları yerleri tanımlarız. Ayrıca, bir HTML öğesinin nasıl yapılandırıldığını, tipik bir HTML sayfasının nasıl yapılandırıldığını ve diğer önemli temel dil özelliklerini açıklıyoruz. Yol boyunca, ilginizi çekmek HTML ile bir oyun olacak!</h4>
</dt>
<dt>
<h2 id="Kafamın_içinde_ne_var_HTMLde_meta_veriler"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">Kafamın içinde ne var? HTML'de meta veriler</a></h2>
</dt>
<dt><br>
Bir HTML belgesinin başı, sayfa yüklendiğinde web tarayıcısında görüntülenmeyen kısımdır. Sayfa {{html element("title")}}, {{glossary("CSS")}} bağlantıları (HTML içeriğinizi CSS ile stilize etmek istiyorsanız), özel faviconlara bağlantılar ve meta veriler gibi bilgileri içerir.)</dt>
<dd></dd>
<dt>
<h2 id="HTML_metin_temelleri"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML metin temelleri</a></h2>
<h4 id="HTMLnin_ana_işlerinden_biri_tarayıcının_doğru_şekilde_nasıl_görüntüleneceğini_bilmesi_için_metin_anlamını_semantik_olarak_da_bilinir_vermektir._Bu_makalede_bir_metin_bloğunu_başlıklar_ve_paragraflar_yapısına_bölmek_kelimelere_vurguönem_eklemek_listeler_oluşturmak_ve_daha_fazlasını_yapmak_için_HTMLnin_nasıl_kullanılacağı_ele_alınmaktadır."><br>
HTML'nin ana işlerinden biri, tarayıcının doğru şekilde nasıl görüntüleneceğini bilmesi için metin anlamını (semantik olarak da bilinir) vermektir. Bu makalede, bir metin bloğunu başlıklar ve paragraflar yapısına bölmek, kelimelere vurgu/önem eklemek, listeler oluşturmak ve daha fazlasını yapmak için HTML'nin nasıl kullanılacağı ele alınmaktadır.</h4>
</dt>
<dd></dd>
<dt>
<h2 id="Köprüler_oluşturma"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Köprüler oluşturma</a></h2>
<h4 id="Köprüler_gerçekten_önemlidir-Webi_bir_web_yapan_şeydir._Bu_makalede_bir_bağlantı_oluşturmak_için_gereken_sözdizimini_gösterir_ve_Bağlantı_en_iyi_yöntemleri_anlatılır."><br>
Köprüler gerçekten önemlidir-Web'i bir web yapan şeydir. Bu makalede, bir bağlantı oluşturmak için gereken sözdizimini gösterir ve Bağlantı en iyi yöntemleri anlatılır.</h4>
</dt>
<dt>
<h2 id="Gelişmiş_metin_biçimlendirme"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Gelişmiş metin biçimlendirme</a></h2>
</dt>
<dt><br>
HTML'de, <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a> makalesinde bulamadığımız metni biçimlendirmek için başka birçok öğe var. Buradaki unsurlar daha az bilinir, ancak yine de bilmek yararlıdır. Burada, alıntıları, açıklama listelerini, bilgisayar kodunu ve diğer ilgili metinleri, alt simge ve Üst Simge, iletişim bilgilerini ve daha fazlasını işaretleme hakkında bilgi edineceksiniz.</dt>
<dd></dd>
<dt>
<h2 id="Belge_ve_web_sitesi_yapısı"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Belge ve web sitesi yapısı</a></h2>
</dt>
<dt><br>
Sayfanızın tek tek bölümlerini ("paragraf" veya "resim" gibi) tanımlamanın yanı sıra, HTML web sitenizin alanlarını ("başlık", "gezinme menüsü", "ana içerik sütunu"gibi) tanımlamak için de kullanılır.) Bu makale, temel bir web sitesi yapısını nasıl planlayacağınızı ve bu yapıyı temsil etmek için HTML'yi nasıl yazacağınızı inceler.</dt>
<dd></dd>
<dt>
<h2 id="HTML_hata_ayıklama"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">HTML hata ayıklama</a></h2>
</dt>
<dt><br>
HTML yazmak iyidir, ancak bir şeyler ters giderse ve koddaki hatanın nerede olduğunu çözemezseniz ne olur? Bu makale size yardımcı olabilecek bazı araçları tanıtacaktır.</dt>
</dl>
<h2 id="Değerlendirmeler">Değerlendirmeler</h2>
<p>Aşağıdaki değerlendirmeler, yukarıdaki kılavuzlarda yer alan HTML temellerini anlamanızı test edecektir.</p>
<h4 id="Bir_mektubu_işaretleme"><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Bir mektubu işaretleme</a></h4>
<p><br>
Hepimiz er ya da geç bir mektup yazmayı öğreniyoruz; aynı zamanda metin biçimlendirme becerilerimizi test etmek için yararlı bir örnektir! Bu nedenle, bu değerlendirmede işaretlemek için bir mektup verilecektir.</p>
<h4 id="İçerik_sayfasını_yapılandırma"><br>
<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">İçerik sayfasını yapılandırma</a></h4>
<p><br>
Bu değerlendirme, üstbilgi, altbilgi, gezinme menüsü, ana içerik ve Kenar Çubuğu içeren basit bir içerik sayfasını yapılandırmak için HTML'yi kullanma yeteneğinizi test eder.</p>
<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>
<dl>
<dt>
<h4 id="Web_okuryazarlığı_temelleri_1"><a href="https://teach.mozilla.org/activities/web-lit-basics/">Web okuryazarlığı temelleri 1</a></h4>
</dt>
<dt><br>
HTML modülüne giriş bölümünde konuşulan becerilerin çoğunu araştıran ve test eden mükemmel bir Mozilla Vakfı kursu. Öğrenciler bu altı bölümlü modülde çevrimiçi okuma, yazma ve katılım hakkında bilgi edinirler. Üretim ve işbirliği yoluyla Web'in temellerini keşfedin.</dt>
</dl>
|
