ad

Sunday, December 7, 2025

learn HTML summary tag

learn HTML summary tag

https://webdesigningtheory.blogspot.com

Syntax 

 Syntax of HTML <summary> tag

<summary> ....... </summary>

learn HTML summary tag

Example 


<!DOCTYPE html>
<html>
  <head>
    <title> HTML Summary tag </title>
  </head>
  <body>
    <details>
      <summary>HTML summary tag </summary>
      <P>A free HTML web designing course teaches how to structure web pages using
HTML (HyperText Markup Language). It covers essential tags like headings,
          lists, tables, and forms. Students learn HTML document structure html
          ,head, and body and the use of attributes for adding extra
            information to elements. <br> <br> The course introduces HTML5 semantic
            tags like header, footer, section, and article for
              better organization and accessibility. Practical exercises
              include creating simple webpages, navigation menus, and
  content layouts. By the end, learners free HTML code with example
with description
              <big>https://webdesigningtheory.blogspot.com            
      </big></P>
    </details>
  </body>
</html>

learn HTML summary tag

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Step 2 ]

<html>.... . </html>

  • html is the root element of the html page.
  •  Every thing inside it is part of the webpage.

Step 3]

<head>
        <title> HTML iframe tag </title>
  </head>

  •   <head>  section 
  •   head section contains metadata about page. not visible on the page itself.
  •  <title> tag  title section set the title of the page shows the browser tab.

<body>....... </body>

  • Contains all visible of the webpage.

Step 4]

<details>....... </details>

  • Creates a collapsible section.
  • click expand content inside.

Step 5]

<summary>HTML summary tag </summary>

  • html <summary> tag   title of collapsible section.
  • summary show visible clicking shows hidden content.

Step 6]

<P> </P>

<br>

<big>

  •  text appear large.

Step 7]

closing the Tag

</details>
</body>
 </html>

learn HTML summary tag

Output



Related Post :-

how to set image height

html link tag explain

how to use pre tag

Labels: ,