HTML LISTS

HTML LISTS:
HTML Lists: Step-by-Step Guide | Career Karma
• HTML offers web authors to specify the lists in three ways.
• <ul> - An unorder list. This list items using plain bullet.
• <ol>- An order list. This list items using different schemes of numbers to list your
items.
• <dl> - An definition list. This arranges items in the same way as they were arranged
in a dictionary.

HTML UNORDERED LISTS:
• An unordered list is a collection of related items that have no special order.
• We define the tag by using <ul> tag.
• Each item list is marked with a bullet.
• You use <li> tag to lists the items.
• Type disc is default unordered list type.

Example:
<!DOCTYPE html>
<html>
<head>
<title>Unorder Lists </title>
</head>
<body>
<ul>
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ul>
</body>
</html>

OUTPUT:
• Java
• HTML
• CSS
• Java Script
• PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>Unorder Lists </title>
</head>
<body>
<ul type= "disc">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ul>
</body>
</html>

OUTPUT:
• Java
• HTML
• CSS
• Java Script
• PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>Unorder Lists </title>
</head>
<body>
<ul type= "circle">
<li>Java</li>
li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ul>
</body>
</html>

OUTPUT:
o Java
o HTML
o CSS
o Java Script
o PHP


Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

HTML FONTS

Image
HTML FONTS: • Fonts play an important role in making a website. • HTML <font> tag used toad style, size, & colour to the text on your website. • You can use a <basefont> tag to set all of your text to the same size, face, &colour. NOTES: The font & basefont tags are deprecated & it is supposed to be removed in a future version of HTML. So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts. Set Font size: • You can set content font size using size attributes. • The accepted value is 1 to 7. • Default size is 3. • Here size 1 is smallest size & 7 is largest size. • You can also specify the size +n or -n. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font size="-1">Font Size="-1"</font><br/> <font size="1">Font Size="1"</font><br/> <font size="2">Font Size=...
Read more

Line Break Tag on HTML

Line Break Tag : • Whenever you use the <br /> element, anything following it starts from the next  line. This tag is an example of an empty element, where you do not need  opening and closing tags, as there is nothing to go in between them. • The <br /> tag has a space between the characters br and the forward slash. • If you omit this space, older browsers will have trouble rendering the line break,   while if you miss the forward-slash character and just use <br> it is not valid in  XHTML. Example : <!DOCTYPE html> <html> <head> <title>Line Break Example</title> </head> <body> <p>Hello<br /> You delivered your assignment on time.<br /> Thanks </p> </body>  </html> OUTPUT: Hello You delivered your assignment on time. Thanks
Read more