Page 37 - PortGPT_V2.1_C7_Flipbook
P. 37
<UL>
<LI> Potato </LI>
<LI> Onion </LI>
</UL>
</OL>
</BODY>
</HTML> Nested list
Let’s Practice
Computational Thinking
Write the HTML code to create the following list:
I. Office
• Word • Excel • PowerPoint
II. Adobe Software
• Animate CC • Photoshop CC
Definition List
The definition list is also known as description list. The description list is created by using the <DL> tag
in conjunction with <DD> and <DT> tags. The <DL> tag defines the entire description list. The <DT>
tag defines the description term. The <DD> tag defines the description term's definition.
Let us use the <DL> tag to create a definition list.
<HTML>
<HEAD> <TITLE> Definition List </TITLE> </HEAD>
<BODY>
<B> Example of Definition List </B>
<HR>
<DL>
<DT> Beverages </DT>
<DD> Hot and Cold Drinks</DD>
<DT> Cappuccino </DT>
<DD> Hot Drinks </DD>
</DL>
</BODY>
</HTML>
Definition list
Lists and Tables in HTML5 35

