HTML Nedir? HTML Etiketleri Nasıl Kullanılır?

HTML Etiketleri: Web Sayfalarının Temel İnşa Taşları

HTML (Hypertext Markup Language), web sayfalarını oluşturmak için temel bir yapı taşıdır. Web geliştiricilerinin kullanabileceği birçok farklı HTML etiketi vardır ve her biri belirli bir amaç için tasarlanmıştır. Bu makalede, HTML etiketlerini inceleyecek ve nasıl kullanıldıklarını anlatacağız.

HTML Nedir?

HTML, web sayfalarının yapılandırılmasını ve içeriğini tanımlayan bir işaretleme dilidir. İnternetin temelini oluşturan HTML, web sayfalarının tarayıcılar tarafından nasıl görüntüleneceğini belirler. HTML, metin, bağlantılar, görseller, tablolar ve daha fazlasını içeren web sayfalarının temel bileşenlerini tanımlar.

HTML Etiketleri Nedir?

HTML etiketleri, HTML belgesindeki öğeleri tanımlayan işaretleme öğeleridir. Her etiket, açılış (<tag>) ve kapanış (</tag>) kısmıyla birlikte gelir. Açılış etiketi, bir öğenin başlangıcını işaretlerken, kapanış etiketi ise öğenin sonunu belirtir. İşte bazı temel HTML etiketleri:

<html></html>: Bir HTML belgesinin başlangıcı ve sonunu işaretler. Tüm diğer HTML etiketleri bu etiketlerin içinde bulunur.
<head></head>: Web sayfasının başlık, meta veriler ve stil bilgileri gibi başlık bilgilerini içerir.
<title></title>: Web sayfasının başlığını belirler. Tarayıcı sekmesinde görünen metni temsil eder.
<body></body>: Web sayfasının görünen içeriğini içerir. Metin, görseller, bağlantılar ve diğer öğeler bu etiketler arasında yer alır.
<h1></h1> – <h6></h6>: Başlık etiketleri, başlık seviyelerini belirler. <h1> en yüksek seviyeyi temsil ederken, <h6> en düşük seviyeyi temsil eder.
<p></p>: Paragraf etiketi, metin paragraflarını tanımlar.
<a></a>: Bağlantı etiketi, diğer sayfalara veya kaynaklara bağlantılar oluşturmanıza olanak tanır.
<img></img>: Resim etiketi, web sayfasına resim eklemek için kullanılır.
<ul></ul> ve <ol></ol>: Sırasız (ul) ve sıralı (ol) liste etiketleri, liste öğelerini gruplamak için kullanılır.
<li></li>: Liste öğesi etiketi, liste içindeki her öğeyi temsil eder.
<table></table>: Tablo etiketi, tabloları oluşturmak için kullanılır.
<tr></tr>: Tablo satırı etiketi, bir tablo içindeki satırları temsil eder.
<td></td>: Tablo hücresi etiketi, tablo içindeki hücreleri temsil eder.

ilgili içerik Ssh İle SQL Dosyası Nasil Yüklenir?

HTML Etiketleri Nasıl Kullanılır?

HTML etiketlerini kullanmak, bir web sayfasının yapısını ve içeriğini belirlemenin anahtarıdır. İşte bir HTML belgesi içinde nasıl kullanılacağına dair örnekler:

html

<!DOCTYPE html>



<html>

<head>

<title>Örnek Bir Web Sayfası</title>

</head>

<body>

<h1>Hoş Geldiniz!</h1>

<p>Merhaba, bu örnek bir web sayfasıdır.</p>

<h2>Bağlantılar</h2>

<ul>

<li><a href="https://www.example.com">Örnek Web Sitesi</a></li>

<li><a href="https://www.example2.com">Başka Bir Web Sitesi</a></li>

</ul>

<h2>Resim</h2>

<img src="resim.jpg" alt="Örnek Resim">

<h2>Tablo</h2>

<table border="1">

<tr>

<td>Hücre 1</td>

<td>Hücre 2</td>

</tr>

<tr>

<td> Hücre 3</td>

<td> Hücre 4</td>

</tr>

</table>

</body>

</html>

Yukarıdaki örnek, temel HTML etiketlerinin nasıl kullanıldığını göstermektedir. Başlık etiketleri (<h1>, <h2>) metin başlıkları oluştururken, bağlantı etiketleri (<a>) web sayfaları arasında bağlantılar oluşturur. Resim etiketi (<img>) resim eklemek için kullanılırken, tablo etiketleri (<table>, <tr>, <td>) tabloları düzenlemek için kullanılır.

HTML etiketleri, web sayfalarını yapısallaştırmak ve tarayıcılara nasıl görüntüleneceğini anlatmak için güçlü bir araçtır. Doğru etiketleri kullanarak, içeriği düzenlemek ve web sayfasının kullanıcı deneyimini iyileştirmek mümkün olur. Web geliştirme sürecinde HTML etiketlerini öğrenmek, başarılı bir web geliştirici olmanın ilk adımlarından biridir.