What is the dt tag in HTML
This Blog You Will Learn
ஃ What is the <dt> tag in HTML
ஃ Why Use the <dt>tag.
ஃ Syntax of HTML <dt> tag
ஃ When to Use <dt>
ஃ Explain Program
ஃ Output
What is the <dt> tag in HTML
✅<dt> tag stands for Definition Term.
✅Use Inside a definition list to represent a term
✅<dt> tag specifies a term or name that will be described or defined.
Why Use the <dt>tag.
✔ screen readers and accessibility tools interpret terms.
✔ <dd> to show definitions.
✔ HTML semantics and readability.
✔ Structure to definitional content.
✔ <dl> ➡ starts the description list
✔ <dt> ➡ Defines the term
Syntax of HTML <dt> tag
<dl>
<dt> ...</dt>
<dt> ...</dt>
<dl>
When to Use <dt>
- Definitions in documentation
- paired term-value content
- Glossaries or vocab lists
- FAQ terms have explanations
- No bullets or numbers unless styled with CSS.
ஃ structure diagram examples
what is th tag in HTML
Example
<!DOCTYPE html>
<html>
<title> HTML dt Tag </title>
<body>
<h2>HTML dt tag </h2>
<p>easy to learn
https://webdesigningtheory.blogspot.com/</p>
<dl>
<dt>HTML</dt>
<dt>PHP</dt>
<dt>C</dt>
</dl>
</body>
</html>
what is the dt tag in html
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]
<body>.....</body>
- <body> tag contains all the visible content of the page.
- inside <body> show the browser screen.
<h2>HTML dt tag </h2>
- <h2> tag is a heading.
- <h2> second level heading tag.
Step 4]
<p> easy to learn
https://webdesigningtheory.blogspot.com/</p>
- <p> tag Paragraph tag.
- display the text.
Step 5]
<dl>
- <dl> tag means Definition list.
- <dl> tag use list terms and definition.
<dt>
- <dt> tag stands for Definition term
- <dl> tag represents a word defines in <dl> list .
- <dt> tag use page will show list of term
<dt>HTML</dt> -> Term 1
<dt>PHP</dt> -> Term 2
<dt>C</dt> -> Term 3
Step 6]
Closing tag
</dl>
</body>
</html>
No comments:
Post a Comment