3. Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with small black circles.

Example

<ul>   <li>Кофе

  <li>Чай

  <li>молоко

</ul>

The <UL> tag has attributes:

Style	Description
Type=disc	The list items will be marked with bullets (default)
Type=circle	The list items will be marked with circles
Type=square	The list items will be marked with squares

Example

Disc:

<ul type=disc> <li>кофе   <li>чай   <li>молоко

</ul>

Circle:

<ul type=circle> <li>кофе   <li>чай   <li>молоко

</ul>

Square:

<ul type=square> <li>кофе   <li>чай   <li>молоко

</ul>

4. Html Description Lists

A description list, is a list of terms, with a description of each term. The <dl> tag defines a description list. The <dt> tag defines the term (name), and the <dd> tag defines the data (description).

Example

<dl>   <dt>Кофе</dt>   <dd>- черный горячий напиток</dd>   <dt>Молоко</dt>   <dd>- белый холодный напиток</dd> </dl>

List items can contain new list, and other HTML elements, like images and links, etc.

«USING DESCRIPTOR <IMG> FOR INSERTING GRAPHICS INTO FILES»

The <IMG> tag defines an image in an Web-page. This tag has two required attributes: SRC and ALT. The <IMG> tag creates a holding space for the referenced image. <IMG> tag has not a closing tag.

The <IMG> tag has attributes:

Attribute	Value	Description
align	top bottom middle left right	Specifies the alignment of an image according to surrounding elements
alt	text	Specifies an alternate text for an image
border	pixels	Specifies the width of the border around an image
height	pixels	Specifies the height of an image
hspace	pixels	Specifies the whitespace on left and right side of an image
ismap	ismap	Specifies an image as a server-side image-map
src	URL	Specifies the URL of an image
usemap	#mapname	Specifies an image as a client-side image-map
vspace	pixels	Specifies the whitespace on top and bottom of an image
width	pixels	Specifies the width of an image

Examples

<img src=”hello.gif” alt=”Привет!!” height=50 width=50> - relative link on image (the image has to be in folder with HTML-document);

<img src=”c:\windows\images\hello.gif” alt=”Привет!!” height=100 width=50 hspace=10> - absolute link on image;

«Types of hyperlinks. The concept of the url and using them »

The <A> tag defines a hyperlink, which is used to link from one page to another.

The most important attribute of the <A> element is the HREF parameter, which indicates the link's page.

By default, links will appear as follows in all browsers:

• An unvisited link is underlined and blue

• A visited link is underlined and purple

• An active link is underlined and red

The <A> tag has attributes:

Attribute	Value	Description
href	URL	Specifies the URL of the page the link goes to
name	section_name	Specifies the name of an tab
shape	default rect circle poly	Specifies the shape of a link
coords	coordinates	Specifies the coordinates of a link
target	_blank _parent _self _top frame name	Specifies where to open the linked document blank Opens the linked document in a new window or tab _self Opens the linked document in the same frame 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

Examples

<A HREF="pictures.html">Здесь</A> находятся мои фотографии.

<A NAME="Top of Page"></A> - a tab on a page;

<A HREF="#Top of Page">наверх</A> - hyperlink to the page’s tab;

<A HREF="1.html#Top of Page">наверх</A> - hyperlink to the other page’s tab;

<A HREF="mailto:yourname@hotmail.com"> пишите </A> мне - hyperlink to e-mail;

<A HREF="ftp://ftpsitename.com/programs/program.exe"> скачать </A> файл – hyperlink to the FTP-server.