HTML dersi
HTML Giriş ve Temel Tag Kullanımları
Yasin Keçef 2 dk okuma
HTML Belgeleri
Bütün HTML belgeleri belge türünü belirtmek için <!DOCTYPE html> ile başlamalıdır.
HTML belgeleri kendi etiketi <html> ile başlayıp </html> ile biter.
İşte size küçük bir örnek:
<!DOCTYPE html>
<html>
<body>
<h1>İlk Başlık</h1>
<p>İlk Paragraf</p>
</body>
</html>HTML’de Başlıklar
Web tasarımında HTML başlıkları için <h1> – <h6> etiketleri kullanılır.
<h1> en büyük font olduğu için en önemli başlık <h1> içerisine yazılır.
<h6> ise daha küçük bir fonta sahip olduğu için daha önemsiz başlıklarda kullanılır.
Bu <h> etiketleri 1’den 6’ya kadar devam eder. En büyük font 1, en küçük font ise 6’dır.
Hemen bir örnek vererek öğrendiklerimizi pekiştirelim:
<h1>Eforweb</h1>
<h2>Eforweb</h2>
<h3>Eforweb</h3>HTML’de Link Verme
HTML’de bir bağlantı (link) vermek istediğimizde <a> etiketini kullanırız.
Bu etiketin kullanım alanlarına değinecek olursak en büyük örneği menüler olarak verebiliriz.
Bu etiket ile menülere tıkladığınız zaman sizi hangi sayfaya yönlendireceğini belirleriz.
Örnek:
<a href="https://www.eforweb.com/">Bu bir link</a>HTML’de Görüntüler
HTML’de görüntü ekleme etiketi olarak <img> kullanırız.
Dosya adından (src) genişlik ve yükseklik ölçülerine kadar görüntüyle ilgili her şeyi etiket içerisinde belirtebiliriz.
Örnek:
<img src="eforweb.jpg" alt="EFORWEB logosu" width="104" height="142">HTML görüntülerde boyut özelliği verme
Yukarıdaki örnekte width özelliği resmin genişliğini, height özelliği ise yüksekliğini piksel cinsinden belirtir.
alt özelliği
Bir de alt özelliğimiz var. Sayfada oluşan herhangi bir sorunda resim açılmazsa resmin yerinde bu yazı görünür; ekran okuyucular da resmi bu yazıyla anlatır. Bu yazıyı siz istediğiniz gibi yazabilirsiniz.
alt özelliği sitelerin SEO’su açısından da oldukça önemlidir. Google görsel aramada sitenizdeki resimlerin bulunabilmesi için alt metinlerinizin resminizi çok iyi anlatması gerekir. Resimle ilgili anahtar kelimelere önem gösterilir.
Bu dersimizde HTML’de etiketler nerede nasıl kullanılır, başlık nasıl eklenir, bir siteye veya sayfaya link nasıl verilir, siteye resim nasıl eklenir bunları öğrendik.
Bir sonraki dersimizde görüşmek üzere hoşça kalın.