HTML5 Ders-2 Details - Summary Etiketleri
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

HTML5 Ders-2 Details - Summary Etiketleri

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(1998)
RAPOR ET
Bu dersimizde html5 de details tagı ve onun bir alt tagı olan summary tagını görecez.
Öncelikle details ne işe yarar ona bakalım.
Bir başlık vardır solunda da bir ok bastığımızda ok aşağı gösterir ve içerik açılır.Bu javascript yada jquery aracılığı ile yapılabiliyodu ama html5 bunu tag haline getirip kullanımı kolay hale getirmiş.

Kodlara geçelim:
<details>
burası içerik yazı resim video artık ne atarsanız.
<summary>Başlık</summary>
</details>

Kullanımı bu kadar basit.
Bu başta otomatik kapalı gelir otomatik açık gelmesi için open="open" eklemeniz yeterlidir.

video:


Genel Örnek :

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<details open="open">
burası içerik yazı resim video artık ne atarsanız.
<summary>cArleone</summary>
</details>
</body>
</html>


indir: http://speedy.sh/z6YUF/HTML-5-Ders-2-details.rar




davmaneydi
davmaneydi 2 Yıl Önce Cevaplandı
Hocam çok iyi ders olmuş

http://speedy.sh/z6YUF/HTML-5-Ders-2-details.rar link kırık hocam haberiniz olsun



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol