Page 1 :
Ve, , USING EIST AND: GREATING A TABLE, , , , iets are the most efficient way of presenting the information in a precise manner. HTML supports various, nts to create list for displaying items in a specific order. A list can be defined in different styles. You can either, ber or a bullet before each item to make them more organized., , \ pull, eleme', adanu™, , | jnmostofthe cases, we use (wo types oflistin HTML :, , | i. Unordered List, , a: Ordered List, <UL> UNORDERED LIST, Bl, , ( ‘unordered list is used when the items are not to be displayed in any particular sequence. fhe default bullet type, formost web browsers is disc (small filled black circles), before the list of items. The list begins and ends with <UL>, , and </UL> tags respectively,, <LI> LIST ITEM, , We can display the listed items in an Ordered and Unordered list by using the <LI> tag. The <LI> tag is an empty, element that does not require a closing tag. For example:, , + Tomakean Unordered list, type <UL> before the list., + Write the <LI> (List items) tag before every individual item., + Atthe end of the entire list, type </UL>., , ( Let's look at the given HTML code oy, , , , , , , , <HTML>, <HEAD>, <TITLE>INSERTING LIST</TITLE>, </HEAD>, <BODY BGCOLOR = "Green" LEFTMARGIN = 100, || - : ts Bs, TOPMARGIN = 25> ‘a @ sendspace Uploue Compt. (Kj Send Large Fes tr Fee, <B><Font Size="6" Color="Yellow"> 5 Ds For Success |e" Eoin =n ecient, </Font></B> 5'Ds Kons ts, <Font Size="6" Color = White ><UL> Eee, <LI> Dedication ; foe :, <LI> Devotion ae, <LI> Discipline p subverts, <LI> Discrimination | Saibyiioenrriieny, <LI> Determination, </UL></Font> M Senputer Ptecea ede OM, </BODY> Fig. 10.1: Applying Bullets, </HTML>, , YS, , , , LT. apps @Kips» [ih
Page 2 :
EST, , M211 TYPE ATTRIBUTE, , The 'TYPE' attribute, , ee values that can be, defi ‘€ specifies the type of bullet that can be used with <UL> element. The thr, efi, , ned with <UL> tag are disc, square and circle. The default value for <UL> tagisa disc., , ® disc Specifies a filled circle,, © circle Specifies a non-filled circle., ™ square, , Specifies a filled square bullet. a, , : ram., fF Let us see the use of ‘Type’ attribute in the following HTML prog, <HTML>, , <HEAD>, , <TITLE>INSERTING LIST</TITLE>, </HEAD>, , , , <BODY BGCOLOR= “Pink" LEFTMARGIN = 100, TOPMARGIN = 25>, <B><Font Size="6" Color = "Red" > Teaching Strategy—The 5 Es</Font></B>, <Font Size="6" Color = Green>, , <UL Type = "circle">, , <LI> Engage <LI> Explore <LI> Explain <LI> Elaborate <LI> Evaluate, </UL>, , <B><Font Size="6" Color = "Red" > Full Form OfADIDAS<Font> </B>, <Font Size="6" Color = Green>, , <UL Type ="square">, <LIPAll<LI>Day<LI>I<LI>Dream<LI>About<LI>Sports, </UL></Font>, , </BODY>, , (</HTML>, , , , , , yee [crn Rice, i Frvetes, @rstemcust, , , , ote [Send targe fe for Free, , o Elaborate, 2 Evaluate, , Full Form Of ADIDAS, , +All, , + Day, al, , + Dream, + About, + Sports, , , , _ Mose om, , Fig. 10.2: Displaying TYPE Attribute, , LT. apps @Kips »
Page 3 :
y oRDERED LIST, , ne oraered or eee of items in a specific orde?. By default, numbers are displayed in a web, one . We can change the style using the Type attribute:STo specify the item number, , ist i Value attribute is used i ‘, yenlistitem, sed. Ordered list al i, ve i ferent sairibsrslyie utomatically starts with the number 1 but you can also start, lis, the numbers‘ i ‘, vol can change tyles for ordered list using Type attribute with one of the following options:, , , , , , , , , , , , , , , , , , , , , , Number style Result Description, A A,B,C Upper Case letters, 4 a,b,c Lower Caseletters, | 41 Ut Upper Case Roman Numbers, i i, ii, iii Lower Case Roman Numbers, 1 1,2,3 Sequence of Numbers ’, , , , , , , , , , Tospecify the starting point of the numbering scheme, Start attribute is used., , gill MARQUEE TEXT, , AMarquee displays a moving text message ona background. You can add a marquee to your web page by using the, <marquee> tag., , SYNTAX: <MARQUEE> Qualities ofa Good Student </MARQUEE> The Marquee tag has a number of attributes., <marquee width=100% height=30 behavior= "alternate" bgcolor="yellow"> Attributes of a student </marquee>, , fea, , + Behavior attribute may take any value out of Alternate, Scroll and Slide., , , , + Tochange the properties of the marquee text, you can use the <font> tag before the marquee tag and the, , , , , , , , Off</Font> tag after the </marquee> tag. |, |(<HTML> a, <HEAD>, <TITLE>INSERTING LIST</TITLE>, </HEAD>, <BODY BGCOLOR = "Blue" LEFTMARGIN = 400, TOPMARGIN = 25>, <B><Font Size="6" Color ="Yellow">, , OOD STUDENT</Font></B>, , QUALITIES OF AG! ", <Font Size="6" Color = “White” > <Font Face= “Time New Roman’>, , <OL type ="l">, , <Li> Attitude, , <LI> Academic Skills, <LI> Ability, , \te Perceptiveness i,, , , , , , , , LT.apps @kKies »
Page 4 :
<LI> Self-Discipline </OL>, , </Font= "Tahoma" Size=3 Color="Green">, <marquee> Qualities of a student </maquee>, </Font>, , </BODY>, , </HTML>, , , , /omuronas st ee, , | SA |) Mev//C/Users/Compac/Desstoo/Marquee’e20Tert HTML, @ Getting Stoned (> vlect Headlines (2) Imported Fern Fret, , incredibar | ico) <, QUALITIES OF A'GOOD STUDENT., , I. Attitude, BACLT el ICY, NDEs i, NAYAS otro ToC, ABuSTa les By trots trent, , Be Onna ie, , , , Fig. 10.3: Applying Ordered List, , a CREATING A TABLE, , Vea, , to:, a, , bles arrange data in rows and columns and Provide an attractive way to represent information. Tables are created, , Present Information or dataina comprehensive manner, + = Make comparative analysis of data, , To create a table in HTML, we use the <TAB, , LE> tag. Each table begins with a <TABLE> tag and ends with, </TABLE> tag. You can define various attributes, , ofa table inthe <TABLE> tag., , Letus create atable todisplay the S.No., Name and Grades of students and understand the use of these tags., <HTML>, , <HEAD>, , <TITLE>Create a Table</TITLE>, , </HEAD>, , <BODY TOPMARGIN="50" LEFTMARGIN="50", <TABLE>, <TR>, , , , , , , , , BGCOLOR ="Pink">, , <TH>S.No.</TH><TH>Name</T| H><TH>Grades</TH>, , LT. Apps @Kips,, 06