Sık Kullanılan Html Etiketleri

HTML-CSS

6 Ekim 2024 Pazar

154

bio33

HTML etiketleri, web geliştirme sürecinde hayati bir öneme sahiptir. Özellikle <html>, <body>, <h1>, ve <p> gibi etiketler, web sayfasının temel yapısını oluşturur.

<html>: HTML belgesinin başlangıcını ve sonunu belirler.
- Örnek: <html>...</html>
<head>: Sayfanın başlık, meta veriler, stil dosyaları gibi unsurlarını içerir.
- Örnek: <head>...</head>
<title>: Tarayıcı sekmesinde görünen sayfa başlığını tanımlar. <head> etiketleri arasında yer alır.
- Örnek: <title>Sayfa Başlığı</title>
<body>: Sayfanın kullanıcıya görünen ana içeriğini kapsar.
- Örnek: <body>...</body>
<h1> - <h6>: Başlık etiketleri; <h1> en büyük, <h6> en küçük başlıkları tanımlar.
- Örnek: <h1>En Büyük Başlık</h1>
<p>: Paragraf etiketidir, metni paragraf halinde gösterir.
- Örnek: <p>Bu bir paragraftır.</p>
<a>: Bağlantı (link) oluşturmak için kullanılır.
- Örnek: <a href="http://bio33.net/">Ornek Web Sitesi</a>
<img>: Sayfaya resim eklemek için kullanılır. Kapama etiketi yoktur.
- Örnek: <img src="resim.jpg" alt="Açıklama" />
<ul>: Sırasız liste oluşturur (madde işaretli liste).
- Örnek: <ul><li>Öğe 1</li><li>Öğe 2</li></ul>
<ol>: Sıralı liste oluşturur (numaralı liste).
- Örnek: <ol><li>Birinci</li><li>İkinci</li></ol>
<li>: Listedeki her bir öğeyi tanımlar (hem <ul> hem de <ol> içinde kullanılır).
- Örnek: <li>Liste Öğesi</li>
<div>: Blok seviyesinde bir bölüm oluşturur; stil vermek veya sayfanın yapısını oluşturmak için kullanılır.
- Örnek: <div>Bu bir bloktur</div>
<span>: Satır içi (inline) bir eleman yaratır; stil vermek için kullanılır.
- Örnek: <span>Bu bir satır içi elemandır</span>
<strong>: Vurgulanan metni kalın yapar (güçlü vurgu).
- Örnek: <strong>Kalın metin</strong>
<em>: Vurgulanan metni italik yapar (hafif vurgu).
- Örnek: <em>İtalik metin</em>
<table>: Tablo oluşturur.
- Örnek: <table>...</table>
<tr>: Tablo satırı oluşturur (table row).
- Örnek: <tr>...</tr>
<td>: Tablo hücresi oluşturur (table data).
- Örnek: <td>Veri Hücresi</td>
<th>: Tablo başlık hücresini oluşturur.
- Örnek: <th>Başlık</th>
<form>: Kullanıcı girişleri için form oluşturur.
- Örnek: <form action="submit.php" method="post">...</form>
<input>: Kullanıcıdan veri almak için kullanılan form elemanıdır (örneğin metin kutusu, düğme vb.).
- Örnek: <input type="text" name="kullaniciAdi" />