HTML ile Sayfaya İçerik Ekleme: Kapsamlı Bir Kılavuz
HTML (HyperText Markup Language), web sayfaları oluşturmak için kullanılan temel bir işaretleme dilidir. HTML, web tarayıcılarına bir web sayfasının yapısını ve içeriğini nasıl görüntüleyeceklerini söyler. HTML kullanarak metin, resimler, videolar ve diğer öğeleri web sayfalarınıza ekleyebilirsiniz.
Bu kapsamlı kılavuzda, HTML kullanarak web sayfalarınıza içerik eklemeyi adım adım inceleyeceğiz. Temel etiketlerden gelişmiş tekniklere kadar her şeyi ele alacağız.
Temel İçerik Etiketleri
HTML’de içerik eklemek için kullanılan en temel etiketler şunlardır:
<p>(Paragraf): Metin paragrafları oluşturur.<h1>–<h6>(Başlıklar): Farklı boyutlarda başlıklar oluşturur.<br>(Satır Sonu): Metin içinde satır sonları oluşturur.<img>(Resim): Web sayfalarına resimler ekler.<a>(Bağlantı): Metin veya resimlere tıklanabilir bağlantılar ekler.
Metin Ekleme
Metin eklemek için <p> etiketini kullanın. Örneğin:
“`html
Bu bir metin paragrafıdır.
“`
Başlıklar Ekleme
Başlıklar eklemek için <h1> – <h6> etiketlerini kullanın. <h1> en büyük başlık iken <h6> en küçük başlıktır. Örneğin:
“`html
Bu bir H1 başlığıdır
Bu bir H2 başlığıdır
“`
Satır Sonları Ekleme
Metin içinde satır sonları eklemek için <br> etiketini kullanın. Örneğin:
html
Bu birinci satırdır.<br>
Bu ikinci satırdır.
Resimler Ekleme
Web sayfalarına resimler eklemek için <img> etiketini kullanın. src özniteliği, resmin kaynağını belirtir. Örneğin:
html
<img src="resim.jpg" alt="Resim açıklaması">
Bağlantılar Ekleme
Metin veya resimlere tıklanabilir bağlantılar eklemek için <a> etiketini kullanın. href özniteliği, bağlantının hedefini belirtir. Örneğin:
html
<a href="https://www.ornek.com">Örnek Web Sitesi</a>
Gelişmiş İçerik Ekleme
Temel etiketlere ek olarak, HTML’de içerik eklemek için kullanabileceğiniz daha gelişmiş teknikler de vardır.
- Listeler: Listeler oluşturmak için
<ul>(sırasız liste) veya<ol>(sıralı liste) etiketlerini kullanın. - Tablolar: Tablolar oluşturmak için
<table>,<tr>(satır) ve<td>(hücre) etiketlerini kullanın. - Formlar: Kullanıcıların veri girmesine izin veren formlar oluşturmak için
<form>etiketini kullanın. - Multimedya: Videolar ve ses dosyaları eklemek için
<video>ve<audio>etiketlerini kullanın.
Faydalı Kaynaklar
Sonuç
HTML kullanarak web sayfalarınıza içerik eklemek, web geliştirmenin temel bir yönüdür. Bu kılavuzda açıklanan teknikleri kullanarak, metin, resimler, videolar ve diğer öğeleri içeren zengin ve ilgi çekici web sayfaları oluşturabilirsiniz. HTML’de ustalaşmak, web geliştirme yolculuğunuzda size sağlam bir temel sağlayacaktır.