HTML Etiketleri: İçerik Yapısını Şekillendirmek

HTML (Hypertext Markup Language), web sayfalarının yapısını oluşturmak ve içeriği biçimlendirmek için kullanılan standart bir işaretleme dilidir. HTML, içeriği anlamlı parçalara ayırarak tarayıcılara nasıl sunulacağını belirtir.

Zeki BOSTAN

Şub 24, 2024 - 22:34

0 192

HTML Etiketleri: İçerik Yapısını Şekillendirmek

İçindekiler

HTML etiketleri, içeriğin yapısını ve anlamını tanımlar, böylece tarayıcılar ve diğer kullanıcı araçları doğru şekilde yorumlayabilir.

Temel HTML Etiketleri

<html>: Bir HTML belgesinin başlangıcını ve sonunu belirtir.
<head>: HTML belgesinin başlık, stil bilgileri ve diğer meta verileri içeren bölümüdür.
<title>: Web sayfasının başlığını belirtir, tarayıcı sekmesinde görünen metni içerir.
<body>: Belge içeriğini temsil eden ana bölümdür.
<h1>, <h2>, ..., <h6>: Başlıkları temsil eder, 1'den 6'ya kadar farklı seviyelerde başlık tanımlar.
<p>: Bir paragrafı temsil eder.
<a>: Bir bağlantı oluşturur ve href özniteliği ile hedef URL'yi belirtir.
<img>: Bir resmi belgeye ekler ve src özniteliği ile resim dosyasının yolunu belirtir.
<ul>, <ol>, <li>: Sırasız ve sıralı listeleri tanımlar.
<div> ve <span>: Genel amaçlı blok ve en-line konteynerlerdir.

Biçimlendirme ve Metin Etiketleri

<strong> ve <b>: Metni kalın yapar, ancak <strong> önemli vurguyu ifade eder.
<em> ve <i>: Metni italik yapar, <em> vurgulanan metni ifade eder.
<u>: Metni altı çizgili yapar, ancak genellikle bağlantılar için önerilmez.
<sub> ve <sup>: Alt ve üst indeks metinleri oluşturur.
<blockquote>: Alıntılanmış metni belirtir.
<cite>: Bir eser veya kaynağı alıntılar.
<code>: Bilgisayar kodunu belirtir.

Form Etiketleri

<form>: Bir form alanını tanımlar.
<input>: Kullanıcı giriş alanı oluşturur (metin kutusu, şifre alanı, vb.).
<textarea>: Çok satırlı metin girişi için bir alan oluşturur.
<select> ve <option>: Bir açılır menü oluşturur.
<button>: Bir düğme oluşturur.

Gömülü İçerik Etiketleri

<iframe>: Başka bir web sayfasını veya içeriği gömülü bir çerçeve içinde görüntüler.
<audio> ve <video>: Ses ve video içeriğini gömülü olarak çalınabilir hale getirir.
<canvas>: JavaScript ile grafikler ve görseller oluşturmak için bir tuval sağlar.

Meta Etiketleri

<meta>: Belgenin karakter kodlaması, açıklaması, yazarı, vb. gibi meta verileri tanımlar.
<link>: Belge ile dış kaynaklar arasında bağlantı kurar (CSS dosyaları, favicon, vb.).

HTML etiketleri, belgenin yapısını ve içeriğini tanımlamak için güçlü araçlar sağlar. Doğru kullanıldığında, içeriğin doğru şekilde yorumlanmasını ve erişilebilirliğini artırır. Ancak, HTML etiketlerinin amacını anlamak ve semantik olarak doğru bir şekilde kullanmak önemlidir.