Creating lists

-

Lists:

    Lists are commonly used to display the items one after the other instead of using <br> tags.They are of two types-

  • Unordered lists
  • Ordered lists

Unordered lists:

    Unordered lists are used when a set of items can be placed in any order. These lists use a pair of <ul> tags and each element in the list use pair of <li> tags.




 If we write this code, the page appears to be...




    We can change the type of bullet i.e.,square, circle etc. by using type attribute in <ul> tag.


 If we write this code, the page appears to be...




Ordered lists:

    Ordered lists are used when a set of items that need to be placed in a specific order. These lists use a pair of <ol> tags and each element in the list use pair of <li> tags.

 If we write this code, the page appears to be...




    We can specify the type of numbering i.e., I, i, 1, a, A by using type attribute in <ol> tag.



 If we write this code, the page appears to be...





    We can even specify the starting number of the list using the start attribute.


 If we write this code, the page appears to be...




Comments

Post a Comment

Popular posts from this blog

Adding images

-
Image
Images:     The images are defined with <img> tags.This tag does not have a closing tag.                              <i mg src="url" alt="text"> If we write this code, the page appears to be...     Here src attribute specifies the address of the image and the alt attribute is used as an alternative.If the user cannot view the image of some reason, this attribute provides an alternative text for that image and that text will be displayed on the frame. Image Height and Width:    We can use the style attribute to set both the height and width of an image.                    If we write this code, the page appears to be...    We can also do that by using individual height and width attributes. If we write this code, the page appears to be... Image borders:     Adding borders to images is done by using attributes like border_width, border_color and border_style in the style attribute.
Read more

Adding comments in HTML

-
Image
Comments:     Comments are a part of code that helps the coder and the user to know what is what, to indicate the sections of a document and improves the readability of the document.     HTML comments are placed between <!--...............--> tags. Comments are not displayed and are completely ignored by the browser. HTML also supports multi-line comments.     If we write this code, the page appears to be...
Read more