Web Technology
(Website Development)
Neeraj Kr. Gupta
Asstt. Prof.
IIMT, Meerut
• List : A list is a collection of items. Basically there are
following two types of lists :
1. Unordered list
2. Ordered List
1. Unordered List/Bulleted List : <ul> tag is used to define
an unordered list. Tag <li> is used to define an item of an
unordered list within <ul> tag.
Syntax:
<ul>
<li> first item </li>
<li> second item </li>
………………………….
</ul>
Attributes of <ul> Tag
• <ul>tag may comprises of following attribute :
Attribute Description Value
type Specifies the kind of bullet disc
to use in the list. square
circle
2. Ordered List/Numebered List : <ol> tag is used to
define an ordered list. Tag <li> is used to define an item of
an ordered list within <ol> tag.
Syntax:
<ol>
<li> first item </li>
<li> second item </li>
………………………….
</ol>
Attributes of <ol> Tag
• <ol>tag may comprises of following attributes :
Attribute Description Value
type Specifies the kind of 1/A/a/I/I
numbering to use in the
list.
start Specifies the start value of Any number
an ordered list
Reversed Specifies that the list order reversed
should be descending
(9,8,7...)
• Anchor <a> Tag : This tag is used to create a hyperlink.
Anything given between the <a> and </a> tags become a
hyperlink/hotspot. By clicking on the link, a user can
navigate to the target. The attribute HREF of <a> tag is
used to specify the target.
Syntax:
<a href=“target”> Text is to be hyperlinked </a>
Target can be of following two types :
1. External Document
2. Specific location within the same document
1. External Document : This is the case whenever we are required
to hyperlink the particular text of a web page with any other web
page.
Syntax:
<a href=“web page name”> Text is to be hyperlinked </a>
2. Specific Location Within the same document : This is the case
whenever we are required to hyperlink the particular text of a web
page with a particular location of the same web page.
In such case, we are required to perform following two steps :
Step 1. Firstly, we are required to specify the name to that
particular location as follows :
<a name=“location name”> ………………. </a>
Step 2. Then, we can hyperlink a particular text with that particular
location as follows :
<a href=“#location name”> Text is to be hyperlinked </a>
HTML Links - The target Attribute
The target attribute specifies where to open the linked
document.
The target attribute can have one of the following
values:
• _blank - Opens the linked document in a new window or
tab
• _self - Opens the linked document in the same
window/tab as it was clicked (this is default)
• _parent - Opens the linked document in the parent frame
• _top - Opens the linked document in the full body of the
window
• framename - Opens the linked document in a named
frame
• Image <img> Tag : This tag is used to display an image on
the web page. The most commonly used format for image
is GIF format. This format is supported by all current
graphics web browsers. But some web browsers do not
support other image formats such as jpg etc.
The <img> tag has one required attribute – src, that
is used to specify the path of an image file that is to be
displayed.
Note: Images are not technically inserted into an HTML
page, images are linked to HTML pages. The <img> tag
creates a holding space for the referenced image.
Syntax:
<img src=“path of image file”>
Attributes of <img> Tag
Attribute Description Value
src Specifies the URL(path) of an url(path)
image
alt Specifies an alternate text for text
an image.
align Specifies the alignment of an Top/bottom/middle/left/right
image according to
surrounding elements
Height Specifies the height of an Pixels
image
Width Specifies the height of an pixels
image