HTML <summary> Etiketi

HTML <summary> etiketi <details> etiketi için bir başlık tanımlar. Başlık bilgisi içeriğin gösterilip/gizlenmesi için tıklanabilir bir şekildedir.

 

Söz dizimi:

<details>  
<summary>Lifeacode.com</summary>  
<p> Bir eğitim sitesidir.</p>  
<p>HTML, CSS, JavaScript gibi birçok başlığıiçerisinde barındırır.</p>  
</details>  

Ekran Çıktısı:

Lifeacode.com

Bir eğitim sitesidir.

HTML, CSS, JavaScript gibi birçok başlığıiçerisinde barındırır.

 

Örnek:

<details>    
  <summary>Dizüstü Bilgisayar Özellikleri</summary>    
    <ul>    
      <li><strong>15.4-inch LED- widescreen display</strong> with edge-to-edge, uninterrupted glass (1280 x 800-pixel resolution).</li>    
      <li><strong>2.6 GHz Intel Core i5 dual-core processor</strong> with 4 MB shared L3 cache for excellent multitasking.</li>    
      <li><strong>Intel HD Graphics 3000</strong> with 384 MB of DDR3 SDRAM shared with main memory.</li>    
      <li><strong>500 GB Serial ATA hard drive</strong> (5400 RPM)</li>    
      <li><strong>4 GB installed RAM</strong> (1333 MHz DDR3; supports up to 8 GB)</li>    
    </ul>    
</details>  

Ekran Çıktısı:

Dizüstü Bilgisayar Özellikleri
  • 15.4-inch LED- widescreen display with edge-to-edge, uninterrupted glass (1280 x 800-pixel resolution).
  • 2.6 GHz Intel Core i5 dual-core processor with 4 MB shared L3 cache for excellent multitasking.
  • Intel HD Graphics 3000 with 384 MB of DDR3 SDRAM shared with main memory.
  • 500 GB Serial ATA hard drive (5400 RPM)
  • 4 GB installed RAM (1333 MHz DDR3; supports up to 8 GB)

 

Tarayıcı Desteği:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir