Добро пожаловать на позитивный форум хорошего настроения. Добро Пожаловать на форум мудрых людей. Добро пожаловать в Мир Ведающих Знаний. В мир практических знаний, узнай правду. Добро пожаловать на форум тысячи разных мелочей, которые могут сыграть важную роль в вашей жизни
Добро пожаловать на форум тысячи разных мелочей, которые могут сыграть важную роль в вашей жизни


 

Форум мудрых людей

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум мудрых людей » Создание своего сайта. Языки программирования, Htm » Создание фотоальбома. Создание простого фотоальбома на языке Html


Создание фотоальбома. Создание простого фотоальбома на языке Html

Сообщений 1 страница 2 из 2

1

Пример создания простейшего фотоальбома на языке html.

1 часть альбома с кошками

<TD WIDTH=4% BGCOLOR=#003300>&nbsp;&nbsp;</TD>

<TD WIDTH=200% VALIGN=top BGCOLOR=#003300> <center><font color="#FFFF99"style="font-size: 20pt"><b><i>
Удивительно прекрасный мир кошек
</TD>

</font>

</b></font><table align=center><tr><td>


<a href=http://oceanor.ru/ocean.html >
<font color="#FFFF99" style="font-size: 16pt"><b>
Enter: Истина где то рядом</font></td></tr></table><BR>

<center><font color="#FFFF99"style="font-size: 20pt"><b><i>
Фотографии и картинки кошек.
</font>

<br><br>
<center>
<img src="http://oceanor.ru/box3/Cat1.gif" alt="     " width=800 height=420 border=0>
</center>

<table width=600>

<center>

<table cellpadding=18>

<tr>
<td>
<a href="http://oceanor.ru/box3/01.html">     <img src="http://oceanor.ru/box3/Cat2.jpg" width=120 height=90 border=0></a>
</td>
<td>
<a href="   http://oceanor.ru/box3/02.html     ">      <img src="http://oceanor.ru/box3/Cat3.gif" width=120 height=90 border=0></a>
</td>
<td>
<a href=" http://oceanor.ru/box3/03.html ">         <img src=" http://oceanor.ru/box3/Cat4.gif   " width=120 height=90 border=0></a>
</td>
<td>
<a href="     http://oceanor.ru/box3/04.html        "><img src="   http://oceanor.ru/box3/Cat5.gif   " width=120 height=90 border=0></a>
</td>
<td>
<a href="     http://oceanor.ru/box3/05.html        "><img src=" http://oceanor.ru/box3/Cat6.gif " width=120 height=90 border=0></a>
</td>
</tr>

<tr>
<td>
<a href="      http://oceanor.ru/box3/06.html     "><img src="   http://oceanor.ru/box3/Cat7.jpg      " width=120 height=90 border=0></a>
</td>
<td>
<a href="  http://oceanor.ru/box3/07.html    ">    <img src="   http://oceanor.ru/box3/Cat8.gif   " width=120 height=90 border=0></a>
</td>
<td>
<a href="  http://oceanor.ru/box3/08.html   "><img src="    http://oceanor.ru/box3/Cat9.gif    " width=120 height=90 border=0></a>
</td>
<td>
<a href="    http://oceanor.ru/box3/09.html    "><img src="http://oceanor.ru/box3/Cat10.gif " width=120 height=90 border=0></a>
</td>
</tr>

<tr>
<td>
<a href=" http://oceanor.ru/box3/010.html    "><img src=" http://oceanor.ru/box3/Cat11.gif " width=120 height=90 border=0></a>
</td>
<td>
<a href="   http://oceanor.ru/box3/011.html     ">                               <img src=" http://oceanor.ru/box3/Cat12.gif  " width=120 height=90 border=0></a>
</td>
<td>
<a href="    http://oceanor.ru/box3/012.html         "><img src="    http://oceanor.ru/box3/Cat012.gif               " width=120 height=90 border=0></a>
</td>
<td>
<a href="   http://oceanor.ru/box3/013.html      "><img src="  http://oceanor.ru/box3/Cat13.gif   " width=120 height=90 border=0></a>
</td>
<td>
<a href=" http://oceanor.ru/box3/014.html  "><img src="  http://oceanor.ru/box3/Cat14.gif " width=120 height=90 border=0></a>
</td>
<tr>
<td>

<a href="   http://oceanor.ru/box3/015.html     "><img src=" http://oceanor.ru/box3/Cat16.gif" width=120 height=90 border=0></a>
</td>
</tr>









</TD>
</TR>

</TABLE>






</TD>

результат здесь http://oceanor.ru/wonderful_world_cats-ru.html

вот вам в помощь онлайн редактор делайте свой альбом

http://xhtml.ru/instr/html_editor/

Размеры картинок можно менять, у меня свои размеры, вы можете делать размеры какие посчитаете нужными.

0

2

2 часть альбома

  когда вы кликнули по одной из картинок -фотографии.

мы перешли на следующую страницу c кошками

<table align="center" width="1000" height="26" bgcolor="#003300">
<TR>
<TD BGCOLOR=#003300 WIDTH=10% valign=top>
<IMG SRC=p.gif WIDTH=10 HEIGHT=1 ALT=""><BR>
<FONT COLOR=white>  </FONT>
<a href=http://oceanor.ru/content.html >
<font color="#FFFF99" style="font-size: 10pt"><b>
Return to main content.<BR>

</font>
</TD>
<TD WIDTH=4% BGCOLOR=#003300>&nbsp;&nbsp;</TD>

<TD WIDTH=200% VALIGN=top BGCOLOR=#003300> <center><font color="#FFFF99"style="font-size: 20pt"><b><i>
The wonderful world of cats
</TD>

</font>

</b></font><table align=center><tr><td>


<a href=http://oceanor.ru/wonderful_world_cats-ru.html >
<font color="#FFFF99" style="font-size: 16pt"><b>
Back to Photo Album</font></td></tr></table><BR>

</font></td></tr></table><BR>

<div id="content">

</td></tr>
</table><br>

<a href=" http://oceanor.ru/wonderful_world_cats- … gt;<img src="    http://oceanor.ru/box3/Cat14.gif      " width=900 height=600 border=0></a>

результат http://oceanor.ru/box3/014.html

вроде ничего сложного нет, все просто.

0


Вы здесь » Форум мудрых людей » Создание своего сайта. Языки программирования, Htm » Создание фотоальбома. Создание простого фотоальбома на языке Html


создать форум