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
   32   33   34   35   36   37   38   39   40   41   42