ICT based HTML basic List and Images chapter

1. List and Images in HTML
Prithvi Sawla

2. Introduction
• Html – Hyper Text Markup Language.
• Its used for creating webpages and websites.
• Extension for these files - .html or .htm

3. Websites
• A website is a collection of individual but
related webpages that are hosted by a web
server.
• These can be created using various languages-
Sun Microsystem Java, Html, Microsoft ASP.

4. List Element
• The individual list items can be represented
using the List Element.
• Displays bullets or numbers before the items.
• Empty element.
• Syntax:
<li>item name

5. Unordered List Element
• This element enables inclusion of unordered
or bulleted list in a webpage.
• Syntax:
<ul>
<Li>
</ul>

6. Attributes of Unordered list.
• type attribute-enables changing the type of
bullets. Circle, square or disc.

7. Ordered List Element
• Enables inclusion of an ordered or numbered
list in a webpage.
• Syntax:
<Ol>
<Li>
</Ol>

8. Attributes of ordered list
• type- used to repesent the numbers as arabic
no. or roman no.
• Start- change the starting point of the series
of numbers or letters.

9. Definition List Element
Enables inclusion of definition list in a webpage.
Definition Term- specifies the term in the definition list.
Definition Description- specifies the definition of the term
in a webpage.
Syntax:
<DL>
<DT>
<DD>
</DL>

10. Nested Lists
• A list within another list is called nested list.

11. Image Element
• Enables addition of image in a webpage.

12. Attributes of Image Element
• SRC-specifies the location of the image.
<IMG SRC=“URL”>
• Align- determines the alignment of the image.
<IMG ALIGN=“Right”>
• Alt-provides alternative text.
<IMG ALT=“value”>
• Border-specifies width of the border of the
image. <IMG BORDER=“5”>
• Height and Width- specifies vertical and
horizontal dimension of the image.
<IMG HEIGHT=“100” WIDTH=“125”>

13. Tags Attributes
Ordered List type
start
Unordered List type
Image SRC
align
alt
border
height
Width