Temel HTML eğitimi

KARA

KARA

Genel Sorumlu
er
Katılım
20 Şubat 2025
Mesajlar
60
Tepkime puanı
7
Konum
Ankara
EuoXY.png


HTML NEDİR?​
Html web sayfaları olusturmak için kullanılan bir işaretleme dilidir. Html resim,metin,video ve bağlantılar gibi diğer içeriklerin sayfa içerisinde nasıl yer alacağını belirler html web sayfalarının temel yapısını oluşturmak için kullanılır.

HTML YAPISI Ve TEMEL YAPI ETİKETLERİ NELERDİR?
​
Kod: 
 <!DOCTYPE html>
Dökümanın HTML5 standardına uygun olduğunu belirtir.

Kod: 
<html>
Tüm HTML içeriğini kapsayan kök etikettir.

Kod: 
<head>
Sayfa başlığı,stil sayfanın yapısal bilgilerini içerir.

Kod: 
<title>
Sayfanın başlığını tanımlar. Tarayıcı sekmesinde ve arama sonuçlarında görünür.

Kod: 
<body>
Sayfanın görünen içeriğini (metin, görseller, bağlantılar vb.) içerir.

EN ÇOK KULLANILAN ETİKETLER ?​

Kod: 
<h1> - <h6>
Başlık etiketleri. <h1> en büyük başlıkken, <h6> en küçük başlıkktır.

Kod: 
<p>
Paragraf etiketi. Metinleri paragraflara ayırmak için kullanılır.

Kod: 
<a>
Bağlantı etiketi. Başka bir sayfaya veya kaynağa bağlantı oluşturmak için kullanılır.

Kod: 
<img>
Resim etiketi. Bir görseli sayfaya eklemek için kullanılır.

Kod: 
<ul>, <ol>, <li>
Sırasız ve sıralı numaralandırılmış listeler oluşturmak için kullanılır.

Kod: 
<div>
Bölümleme etiketi. Sayfayı bölümlere ayırmak ve stil vermek için kullanılır.

Kod: 
<span>
Satır içi bölümleme etiketi. Metin içinde belirli bir bölümü stil vermek veya seçmek için kullanılır.

Kod: 
<table>, <tr>, <td>
Tablo oluşturmak için kullanılır.

Kod: 
<form>, <input>, <button>
Form oluşturmak ve kullanıcı girdilerini toplamak için kullanılır.
Biçimlendirme Etiketleri:
HTML: 
<b> veya <strong>: Kalın yazmak için.
<i> veya <em>: İtalik yazmak için.
<u>: Altı çizili yazmak için.
<del>: Üstü çizili yazmak için.
<sup>: Üst simge yazmak için.
<sub>: Alt simge yazmak için.
[/CODE=html]


[CODE]class ve id
Stil vermek veya JavaScript ile elementleri seçmek için kullanılır.

Kod: 
style
Doğrudan elemente stil uygulamak için kullanılır.

Kod: 
src
Bir resim veya diğer harici kaynakların yolunu belirtmek için kullanılır.

Kod: 
href
Bir bağlantının hedef URL'sini belirtmek için kullanılır.

Kod: 
alt
Bir resim yüklenemediğinde gösterilecek alternatif metni belirtir.

ÖRNEK HTML KOD YAPISI?​

HTML: 
<!DOCTYPE html>

<html>

<head>

  <title>nmtd.org</title>

</head>

<body>

  <h1>selâm</h1>

  <p>nmtd konusu</p>

  <a href="https://www.nmtd.org">forumd gitmek için tıklayınız.</a>

  <img src="resim.jpg" alt="Açıklama">

  <ul>

    <li>konu 1</li>

    <li>konu 2</li>

  </ul>

</body>

</html>

Kodda sizlere bâs ettiğim etiketlerin örnek kullanımi basit bir şekilde verilmiştir

Temel düzeyde HTML konusunun sonuna gelmiş bulunuyoruz sorularınızı konu altında yorumlarda belirtebilirsiniz

LROCbM.webp
 
Son düzenleme:
Geri
Üst