HTML Dili | #1

Katılım
1 Mar 2020
Konular
8
Mesajlar
34
Tepki puanı
54
Puanları
2,560
Merhaba dostlar,
bu konumuzda HTML diline giriş yapıp, HTML dilinin temel kavramlarını beraber öğreneceğiz.

l407oB.png


1) HTML Nedir Ve Ne İşe Yarar?

HTML; açılımı Hyper Text Markup Language, Türkçesi Hiper Metin İşaretleme Dili. Öncelikle HTML dili bir programlama dili değildir.
Temel amacı, metinleri, görüntüleri ve diğer verileri bir sayfa içerisine yerleştirip, konumlandırabilmek ve bu şekilde diğer sayfaları birbirine bağlayıp, bir web tarayıcısında düzgün bir şekilde görüntülenmesini sağlamaktır.


2) Temel HTML Etiketleri Ve İşlevleri Nedir?

2.1) <html> Etiketi


<html> etiketi, web tarayıcısına, örneğin index.html dosyasının HTML dili ile yazıldığını belirtir.
Tüm etiketleri kapsayan ve dosyanın HTML ile yazılmasını belirten etikettir.

.html uzantısı ise yüklediğiniz index dosyasının HTML belgesi olduğunu belirtir.
</html> etiketi, yazılan kodlar bittikten sonra sayfanın sonunda yazılan kapatma etiketidir.

2.2) <head> Etiketi

<head> etiketi, hazırladığınız sayfanın ilk kısmını belirler.
<
head> etiketi içerisinde bir <title> etiketinin bulunması zorunludur.
<
/head> etiketi ile açtığınız ilk kısmı kapatırsınız.

2.3) <title> Etiketi

<title> etiketi oluşturduğunuz web sayfasının başlığını belirlemenize yarar.

HTML:
<html>
  <head>
     <title>MrYargic the Coder</title>
  </head>
</html>

k01gED.png


</title> etiketi ile kapatılır.

2.4) <meta/> Etiketi

<meta> etiketi ile oluşturacağınız sitenin tanımını yapabilir ve anahtar kelimelerle daha ulaşılabilir bir hale getirebilirsiniz.
En temel metalar şunlardır:

2.4.1) Keywords Metası


Oluşturacağınız sitenin anahtar kelimelerini yazabileceğiniz metadır.

HTML:
<meta name="keywords" content="html, css, oyuncular, sehri, minecraft, oyuncularsehri" />

2.4.2) Description Metası

Oluşturmakta olduğunuz sayfanın açıklamasını yapmanıza yarayan metadır.

HTML:
<meta name="description" content="HTML diline giriş yapıyoruz." />

2.4.3) Author Metası

Oluşturulan sitenin yapımcısının adı ve iletişim bulunduğu metadır.

HTML:
<meta name="author" content="Ata Kemal, [email protected]" />

2.5) <body> Etiketi

<body> etiketinden sonra yazacağımız her şey sayfada gözükür.
Yapacağımız tasarım ve estetik görünüm bu etiket arasında yapılır.
</body> ile kapatılır.

2.6) <p> Etiketi

<p> etiketi en sık kullanılan etikettir.
Paragraf açmak için kullanılır, yazmak istediğiniz şeyleri <p> etiketi ile yazabilirsiniz.
</p> etiketi ile kapatılır.

2.7) <br> Etiketi

<br> etiketi, <p> etiketinden sonra yazılan yazıda bir satır aşağı geçmek için kullanılır.

HTML:
<p> Bu bir aşağı satıra geçme denemesidir.<br>Bu yazı şuan aşağı satırdadır.
</p>

49ZkEA.png


agy597.png


Bu konuluk bu kadar etiket yeterli. :)
Bir sonraki konumda biraz daha fazla etiket ile ve detaylı bir şekilde anlatım yapacağım.

Umarım yararlı olmuştur,
İyi Forumlar!​
 
Son düzenleme:
Katılım
20 Kas 2019
Konular
45
Mesajlar
133
Tepki puanı
188
Puanları
2,910
Yararlı bir konu, eline emeğine sağlık. :love:
 
  • Beğen
Tepkiler: Taurus
Katılım
1 Mar 2020
Konular
0
Mesajlar
1
Tepki puanı
0
Puanları
0
Temel bilgileri güzel özetlemişsin okurken yormuyor, ellerine sağlık.
 
Katılım
2 Mar 2020
Konular
61
Mesajlar
365
Çözümler
3
Tepki puanı
397
Puanları
3,310
Gerçekten çok yararlı bir konu olmuş. Okuyunca direkt site yazasım geldi. Ellerine sağlık.
 
Katılım
23 Mar 2020
Konular
0
Mesajlar
6
Tepki puanı
4
Puanları
0
Helal olsun çok beğendim yardımların için sağol.