HTML dosyalarını nasıl oluşturup çalıştıracağımızdan bahsetmiştik. Artık HTML yapısının temel taşlarını öğrendiğimize göre biraz daha ileri düzey işlemlere geçelim.
Başlık Etiketleri (Heading Tags)
HTML'de metinleri farklı boyutlarda göstermek için başlık etiketlerini kullanırız. Bu etiketler <h1> ile <h6> arasında değişir ve önem sırasına göre büyüklükleri küçülür.
<h1>Bu bir H1 başlığıdır</h1>
<h2>Bu bir H2 başlığıdır</h2>
<h3>Bu bir H3 başlığıdır</h3>
Tarayıcıda bu kodları çalıştırdığınızda başlıkların farklı boyutlarda olduğunu göreceksiniz.
Paragraflar ve Satır Sonları
Metinlerin düzenlenmesinde paragraflar oldukça önemlidir. Paragraflar için <p> etiketi kullanılır. Ayrıca satır sonları için <br> etiketini kullanabiliriz.
<p>Bu bir paragraf örneğidir.</p>
<p>Bu da ikinci bir paragraf örneğidir.</p>
<p>Bu cümle bir satır sonunda <br> başka bir satıra geçer.</p>
Bağlantılar (Links)
İnternet sayfalarının en temel yapı taşlarından biri bağlantılardır. HTML'de bağlantı oluşturmak için <a> etiketi kullanılır.
<a href="https://www.google.com" target="_blank">Google'a Git</a>
Görseller (Images)
HTML sayfalarına görsel eklemek için <img> etiketi kullanılır. Bu etiketin src (source) ve alt (alternatif metin) özellikleri oldukça önemlidir.
<img src="https://www.logoritmik.com/image.jpg" alt="Örnek bir resim" width="300">
Listeler
HTML'de iki tür liste vardır: Sıralı (ordered) ve sırasız (unordered) listeler.
Sırasız Liste
<ul>
<li>Birinci madde</li>
<li>İkinci madde</li>
<li>Üçüncü madde</li>
</ul>
Sıralı Liste
<ol>
<li>Birinci madde</li>
<li>İkinci madde</li>
<li>Üçüncü madde</li>
</ol>
Özet
HTML ile daha fazla özelliği öğrenerek sayfalarınızı daha zengin ve interaktif hale getirebilirsiniz. Şimdilik bu etiketlerle oynayarak sayfanızı istediğiniz gibi düzenleyin ve farklı kombinasyonlar deneyin!
Yorumlar
Henüz yorum yapılmamış. İlk yorumu siz yapın!