-
<!DOCTYPE html>: HTML5 belgesi kullanılacağını belirtir. -
<html>: HTML belgesinin başlangıcını işaret eder.- Açıklama: HTML belgesinin temelini oluşturur.
-
<head>: Başlık, meta etiketleri ve stil bağlantıları gibi belge başlığı ile ilgili bilgileri içerir.<title>: Sayfa başlığını tanımlar.- Açıklama: Tarayıcı sekmesinde görünen başlığı belirler.
-
<body>: Web sayfasının görünen içeriğini içerir.<h1> to <h6>: Başlık etiketleri, başlık seviyesini belirtir.- Açıklama: Sayfanın başlığını hiyerarşik olarak belirler.
<p>: Paragrafı temsil eder.- Açıklama: Metin paragraflarını tanımlar.
<a>: Bağlantı (link) oluşturur.- Açıklama: Diğer sayfalara veya kaynaklara bağlantılar ekler.
<img>: Resim ekler.- Açıklama: Sayfaya görsel içerik ekler.
-
<ul>: Sırasız liste başlatır.<li>: Liste elemanını tanımlar.- Açıklama: Sırasız listeye bir eleman ekler.
-
<ol>: Sıralı liste başlatır.<li>: Liste elemanını tanımlar.- Açıklama: Sıralı listeye bir eleman ekler.
-
<br>: Satır sonu ekler.- Açıklama: Metin içinde yeni bir satıra geçiş sağlar.
-
<hr>: Yatay çizgi ekler.- Açıklama: Sayfa üzerinde yatay bir çizgi oluşturur.
-
<strong>: Metni kalın yapar.- Açıklama: Metni vurgular, genellikle kalın olarak gösterilir.
-
<em>: Metni italik yapar.- Açıklama: Metni vurgular, genellikle italik olarak gösterilir.
-
<span>: İnline bir elemanı gruplar.- Açıklama: Metni gruplamak için kullanılır.
-
<div>: Block-level bir elemanı gruplar.- Açıklama: Blok seviyesinde bir alan oluşturur.
-
<form>: Formu tanımlar.<input>: Form elemanları için kullanılır.- Açıklama: Kullanıcıdan bilgi almak için kullanılır.
-
<select>: Seçenek listesi oluşturur.<option>: Seçenekleri tanımlar.- Açıklama: Bir dropdown menüsü oluşturur.
-
<textarea>: Çok satırlı metin girişi alanı oluşturur.- Açıklama: Kullanıcıya çok satırlı metin girişi sağlar.
-
<mark>: Vurgulanan metni tanımlar. -
<progress>: Bir görevin tamamlanma durumunu gösterir. -
<output>: Bir hesaplama sonucunu veya kullanıcı tarafından girilen veriyi gösterir. -
<video>: Video içeriği ekler. -
<audio>: Ses içeriği ekler. -
<canvas>: JavaScript ile çizim yapmak için bir alan oluşturur. -
<datalist>:<input>elemanının seçenek listesini tanımlar. -
<details>: Bir açılır/kapanır içerik bölgesini tanımlar. -
<summary>:<details>elemanının başlığını tanımlar.
Bu blog yazısında, web geliştirme sürecinde temel rol oynayan HTML ve HTML5 elemanlarını detaylı bir şekilde inceleyeceğiz. HTML5'in getirdiği yenilikleri ve her bir elemanın nasıl kullanılacağını öğreneceğiz. Web sayfalarının yapısını oluşturan bu etiketlerle birlikte, sayfalarımızı daha anlamlı, erişilebilir ve zengin içerikli hale getirmenin temellerini keşfedeceğiz. Bu yazı, hem başlangıç düzeyindeki geliştiricilere hem de deneyimli profesyonellere hitap edecek kapsamlı bir kaynak olacaktır.
Yorumlar (0)
Henüz hiç yorum yapılmamış.
Aşağıdaki formu doldurarak ilk yorumu sen yap.