Description List in Html (# tutorial 12 )

in blurtutorials •  4 years ago 

Today we will learn about description list in Html.
Using this type of list when we create a list It is a proper description and about the description type of thing that is created

Here is the syntax that is used in this :

<dt> Hello this is where you write description title</dt>
    <dd> Here you write desdription data </dd>



Let us create a example to see how it is implemented.

Final Output :

Screenshot from 2020-11-21 23-28-24.png

Step 1 : Create a proper html structure for your file.

Step 2 : Write following code inside the body tag.

Screenshot from 2020-11-21 23-28-16.png

Step 3 : run the file with any of the browser to see the output.

Screenshot from 2020-11-21 23-28-24.png

Full Code :

 <!DOCTYPE html>

 <html>
 <head>
   <meta charset="utf-8">
   <title>my first web page is here</title>
 </head>

<body>
  <h2>  <u>
  <dt>@Kamranrkploy</dt></u> <br>
  
      <dd>1) Joined Blurt in September.</dd>    
      <dd>2) Became a Curator for @blurtutorials after 18 days</dd>
      <dd>3) Became a witness on 21st November</a>    </h2>

</body>

</html>

You see that I created a description for myself.
and write about myself.

Well that's how we create a description list in html.

Thank You

Links for previous tutorials

  1. HTML BASICS AND CREATING PARAGRAPHS
  2. Headings in Html
  3. ANCHOR TAGS IN HTML
  4. Image tag in Html
  5. CREATE YOUR BASIC WEBSITE
  6. Inline Elements in Html
  7. BLOCK ELEMENTS IN HTML
  8. CONCEPT OF IFRAMES IN HTML , FULL TUTORIAL
  9. UNORDERED LIST IN HTML
  10. UNORDERED LIST And Creating Sub list for same
  11. ORDERED LIST IN HTML
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!
Sort Order:  

Congratulations! This post has been upvoted by the @blurtcurator communal account,
You can request a vote every 12 hours from the #getupvote channel in the official Blurt Discord.Don't wait to join ,lots of good stuff happening there.