Umut Ege Abuşoğlu ÖDEV SİTESİ

Ödev 3.10 - Sıra Sizde - figure, figcaption ve hgroup Etiketleri

Sıra Sizde (Sayfa 75): figure ve figcaption ile görsele açıklama ekleyiniz, hgroup ile başlık ve alt başlığı gruplayınız.

Kodlar

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<title>figure hgroup</title>
</head>
<body>
<hgroup>
  <h1>Web Tasarım</h1>
  <h2>HTML5 Yeni Etiketler</h2>
</hgroup>
<figure>
  <img src="logo.jpg" width="150" height="150" alt="Logo"/>
  <figcaption>Şekil 1: Site logosu</figcaption>
</figure>
</body>
</html>

Tarayıcıdaki Görüntüsü

Not: figure görsel, şekil gibi içerikleri sarar; figcaption ona başlık/açıklama yazar. hgroup ise bir başlığı ve alt başlığını tek grup olarak tutar.