Скрытый текст

Скрытый текст с помощью JavaScript и с помощью динамического HTML
Для чего нужен скрытый текст?
Допустим, Вы не хотите отягощать свою страницу обилием какой-либо информации, например, вы хотите, разместить на Главной странице код вашего баннера, чтобы тот, кому понравится ваш сайт, мог поставить его на свою домашнюю страничку, однако, как мы можем догадаться, таких людей среди посетителей может оказаться немного и потому вывешивать код вашего баннера на всеобщем обозрении не имеет смысла. Лучше сделать маленький блок скрытого текста с маленькой, аrкуратной кникабельной надписью: Код нашего баннера. Тот, кому это нужно — нажмёт на надпись и увидит код. И совершенно не нужно на виду у всех выставлять html-потроха вашего баннера. Итак:

Откройте (javascript: Код нашего баннера 1), нажав на эту ссылку и посмотрите (если хотите — поставьте у себя).

тюнинг автомобилей
Для того, чтобы действительно разобраться в яваскриптах (или иных каких-то скриптах), нужно потратить немало времени и сил. К тому же, по данным вопросам существует немало учебников и уроков. Поэтому просто приведу здесь два варианта того, как можно сделать скрытый текст на странице. И просто поясню, какой атрибут что обозначает. В будущем, если кому-то из вас понадобится изучить данный вопрос более подробно — вы уже будете иметь представление о том, с чем имеете дело.

Для начала поговорим о том, что для скрытого текста нам понадобится представлять себе, что такое «переменная». Несколько слов о том, что же это такое и почему она так важна

Скрытый текст, который я привела выше, сделан с помощью JavaScript. И вот по какому принципу он работает:
В компьютере все данные сохраняются на диске, в определённом месте, которое помечено, чтобы программа, которая отвечает за извлечение данных, знала, где что искать. Поскольку любой скрипт — это тоже программа, он точно так же работает с данными, под которые должно быть отведено определённое место. В данном случае, не в компьютере, а в коде вашей html-страницы. Поэтому вам необходимо занять место под те данные, которые, к примеру, помещаются в скрытом тексте. И пометить это место, чтобы в нужный момент программа нашла их и вывела на экран.
Переменной помеченный участок будет называться потому, что вы можете вложить в него любые значения, которые в нужный вам момент будут выводиться на экран с помощью скрипта. Нажимаете ссылку — и на экран выводятся те данные, которые вы поместили в скрытый текст. Пока всё просто, не так ли?
В коде нашей программы (скрипта) мы обозначаем нашу переменную каким-либо именем. В языке JavaScript есть некоторые ограничения для создания имён, о которых я здесь говорить не буду. Если вам понадобится скрипт скрытого текста — просто воспользуйтесь тем, что есть. Рассмотрим, из чего состоит наш код скрытого текста.

Весь скрипт будет выглядеть следующим образом: Этот сегмент ставим между <head> и </head>:

<script type=»text/javascript»> function displ(ddd) { if (document.getElementById(ddd).style.display == ‘none’) {document.getElementById(ddd).style.display = ‘block’} else {document.getElementById(ddd).style.display = ‘none’} } </script>

А этот сегмент помещаем в то место документа html, между <body> и </body>, где вам нужно:

<a href=»javascript: displ(‘var’)»> скрытый текст</a>
<div id=»var» style=»display: none;»>
Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:… (далее по тексту)
<a href=»javascript: displ(‘var’)»> Закрыть текст и читать далее.</a>
</div>
Чтобы закрыть текст, необязательно нажимать ссылку «Закрыть текст». Можно вторично нажать первую ссылку. Чтобы нижней ссылки не было, просто уберите её (то есть, саму ссылку <a href=»javascript: displ(‘var’)»> Закрыть текст и читать далее.</a> )

А следующий скрытый текст сделан без помощи яваскрипта. Не смущайтесь тем, что ссылка на него стоит по центру. Передвинуть её в нужную часть документа можно очень легко, поставив всю конструкцию в соответствующие теги, которые форматируют положение текста на странице.

[viseditor.php?ie_ver_ms=7&sid=root_instrumenty-veb-mestera_saitostroenie_skrytyi-tekst&fld=text&clrqstart=1269955823000&deslocal=1049# Скрытый текст 0]

Этот скрытый текст работает на динамическом HTML, или DHTML. Что такое DHTML:
Динамический html (Dynamic HTML) или DHTML — это не какой-то особенный язык для разметки страниц. Это обозначение страниц с динамически изменяемым без обновления страницы содержимым. Состоит DHTML из трёх компонентов: собственно html, элементов каскадных таблиц стилей (CSS) и элементов языка сценариев (JavaScript или VBScript). Эти три компонента связываются между собой, образуя своеобразный интерфейс, который и позволяет вносить в статическую html-страницу динамические изменения без перезагрузки всей страницы.

Весь скрипт, который позволяет внести элемент динамики в вашу html-страницу, вы устанавливаете в нужном вам месте страницы между тегами <body> и </body> . В данном случае этот сегмент выглядит следующим образом:

<span>
<a href=»#» title=»скрытый текст» onclick=» obj=this.parentNode.childNodes[1].style; tmp=(obj.display!=’block’) ? ‘block’ : ‘none’; obj.display=tmp; return false;»>
Скрытый текст </a>
<div class=»subblock» style=»display: none»> Здесь у нас скрытый текст, сколько его есть </div>
</span>

Рассмотрим отдельные элементы:

onclick — это событие, которое происходит по нажатию левой кнопкой мыши.

obj — это тот сегмент, который будет содержать всё остальное (сходное с тегом textarea).

this.parentNode.childNodes[1].style (this — это, parent — родитель, Node — узел, child — ребёнок, Nodes — узлы). То есть, мы имеем соотношение между родительским и дочерним узлами, при чём вариант у нас всего один (либо текст, либо его нет).

tmp — могут сослаться на любое из следующих действий

obj.display! — В данном случае акцент на то, какой блок мы видим на экране.

block — то, в чём заключён текст.

none — ничто. То есть, нет никакого текста.

return false — ложный возврат

subblock — на блок, в котором нет текста. То есть, по логике всего кода мы по умолчанию имеем пустое место, которое не читает браузер до тех пор, пока мы не совершим действие — нажмём на ссылку. При повторном нажатии на ссылку мы снова получим якобы пустое место, а на самом деле просто по умолчанию от браузера блокируется та часть текста, которую мы хотим оставить скрытой.

Приведённый мною пример динамического html можно использовать, к примеру, для создания выпадающего меню. Вот такого: Страница сайта с выпадающим меню в левой колонке

А здесь смотрим код впадающего меню в левой колонке:

<table width=100% border=»0″>
<tr>
<td align=»left» VALIGN=top>
<span> <a href=»#» title=»скрытый текст» onclick=»
obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!=’block’) ? ‘block’ : ‘none’;
obj.display=tmp;
return false;»> Литературная критика </a> <div class=»subblock» style=»display: none»>
<a href=http://dugward.ru/library/sodlib.html target=»_blank»> Тематический каталог </a> <br>
<a href=http://dugward.ru/library/sodlib_al.html target=»_blank»> Алфавитный каталог </a>
</div> </span> <br>

<span> <a href=»#» title=»скрытый текст» onclick=» obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!=’block’) ? ‘block’ : ‘none’;
obj.display=tmp;
return false;»> Прочие материалы сайта </a> <div class=»subblock» style=»display: none»>
<a href=http://dugward.ru/publ/publ.html target=»_blank»> Статьи </a> <br>
<a href=http://forum.dugward.ru/ target=»_blank»> Форум </a> <br>
<a href=http://lezione.dugward.ru/ target=»_blank»> Как мы делали этот сайт </a> <br>
<a href=http://dugward.ru/novel/novel.html target=»_blank»> Зарисовки прошлого и настоящего </a>
</div> </span> <br>

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

И весь код страницы вместе с впадающим меню в левой колонке (код выпадающего меню выделен синим цветом):

<html>
<head>
<style type=»text/css»>
.p1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: 1.5em;
text-align: justify;
}
</style>
<title> Наша первая страница </title>
</head>
<body bgcolor=»#c0c0c0″ background=»f3.gif»>

<table width=»100%» cellspacing=»0″, cellpadding=»0″ border=»3″ VALIGN=top>
<td align=»left»> <img src=»logo.jpg» border=»0″> </td>
<td WIDTH=200px>

<table width=»100%» border=»3″ cellspacing=»0″, cellpadding=»0″ VALIGN=top>
<td>
<table width=»100%» bgcolor=#e5e5e7 border=»0″>
<tr>
<td align=»center» WIDTH=19px> <a href=»http://dugward.ru/Sod.html»> <img src=»pa1.jpg» border=»0″> </a> </td>
<td align=»left» VALIGN=top> <a href=»http://dugward.ru/Sod.html»> Читать книгу </a> </td>
</tr>
<tr>
<td align=»center» WIDTH=19px> <a href=»http://septemberfox.ucoz.ru/publ/»>
<img src=»pa1.jpg» border=»0″> </a> </td>
<td align=»left» VALIGN=top> <a href=»http://septemberfox.ucoz.ru/publ/»> Статьи </a>
</td>
</tr>
</table>
</td>
</table>

</td>
</table>
<table width=»100%» cellspacing=»0″, cellpadding=»0″ border=»0″>
<td WIDTH=200px VALIGN=top>

<table width=»100%» cellspacing=»0″, cellpadding=»0″ border=»3″ VALIGN=top>
<td>

<table width=»100%» bgcolor=#e5e5e7 border=»0″>
<tr>
<td align=»center»>
<table width=100% border=»0″>
<tr>
<td align=»left» VALIGN=top>
<span> <a href=»#» title=»скрытый текст» onclick=»
obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!=’block’) ? ‘block’ : ‘none’;
obj.display=tmp;
return false;»> Литературная критика </a> <div class=»subblock» style=»display: none»>
<a href=http://dugward.ru/library/sodlib.html target=»_blank»> Тематический каталог </a> <br>
<a href=http://dugward.ru/library/sodlib_al.html target=»_blank»> Алфавитный каталог </a>
</div> </span> <br>

<span> <a href=»#» title=»скрытый текст» onclick=» obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!=’block’) ? ‘block’ : ‘none’;
obj.display=tmp;
return false;»> Прочие материалы сайта </a> <div class=»subblock» style=»display: none»>
<a href=http://dugward.ru/publ/publ.html target=»_blank»> Статьи </a> <br>
<a href=http://forum.dugward.ru/ target=»_blank»> Форум </a> <br>
<a href=http://lezione.dugward.ru/ target=»_blank»> Как мы делали этот сайт </a> <br>
<a href=http://dugward.ru/novel/novel.html target=»_blank»> Зарисовки прошлого и настоящего </a>
</div> </span> <br>

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

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

</td>

<td VALIGN=top>
<table width=»100%» body bgcolor=#e5e5e7 border=»3″> <td align=»center»>

<table width=»95%» border=»0″ VALIGN=top>
<td align=»center»>
<font face=»Arial» font color=»#000000″ style=»font-size: 14pt»>
<p class=»p1″>
Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. </p>
<p class=»p1″>
Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. </p>
</font>
</td>
</table>
</td>
</table>
</td>
<td WIDTH=200px VALIGN=top> Баннеры <br> и реклама </td>
</table>

<table width=»100%» cellspacing=»0″ cellpadding=»0″ border=»3″>
<td align=»center»> Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. <br>

<br>
<a href=»http://palmernw.ru/» target=»_blank»> <img src=»http://palmernw.ru/bannerw.jpg» border=»0″ width=»88″ height=»31″ alt=»Монастыри и храмы Северо-запада»> </a> <a href=»http://dugward.ru/» target=»_blank»> <img src=»http://dugward.ru/banner4.jpg» border=»0″ width=»88″ height=»31″ alt=»Литература и жизнь. Проблемы современной литературы»> </a> <a href=»http://trustworthysw.ucoz.ru/» target=»_blank»> <img src=»http://trustworthysw.ucoz.ru/avat2/b3.jpg» border=»0″ width=»88″ height=»31″ alt=»RPG Настоящие Звёздные Войны — II»> </a> <a href=»http://foxyfox3.narod.ru/index.html» target=»_blank»> <img src=»http://s51.radikal.ru/i133/0809/69/2fef14206376.jpg» border=»0″ alt=»Форумные ролевые игры. Проблемы, решения, реклама»> </a>
<br>
</td>
</table>

</body>
</html>

Вот таким не очень сложным способом можно внести динамику в свою html-страницу.
Примечание: При создании скрытого текста обязательно учтите один важный момент: поскольку принцип скрытого текста основывается на запрещении браузеру читать то, что находится в определённом месте страницы, всё, что вы поставите в скрытый текст — не читается, соответственно, и поисковиками тоже. То есть, помещать в скрытый текст важную информацию, по которой поисковики могут проиндексировать вашу страницу — нежелательно.

Hidden text using JavaScript and using Dynamic HTML

What is the hidden text?

Let’s say you do not want to burden your page abundance of any information, for example, you want to place on the main page code of your banner to the one who like your site could put it on the homepage, but as we can guess, such people among the visitors may be a little bit because the code to post your banner on display does not make sense. It is better to make a small box with a small hidden text, arkuratnoy knikabelnoy inscription code of our banner. Those who need it — clicks on the label and see the code. And it does not mean you need to put all html-guts of your banner. Now therefore:

Open (javascript: code of our banner 1) by clicking on this link and see (if you want to — put at).

tunings

In order to really understand JavaScript (or any other script), you need to spend a lot of time and effort. Besides, on these issues, there are many tutorials and lessons. So just give here two versions of how to make a hidden text on a page. And just explain what that represents an attribute. In the future, if some of you will need to study this issue in more detail — you will already have an idea of what you’re dealing.

For starters let’s talk about that for hidden text, we need to imagine what the «variable». A few words about what it is and why it is so important

Hidden text, which I quoted above, made with JavaScript. And on what basis it works:

The computer data are stored on the disk in a certain place, which is marked, the program, which is responsible for data extraction, knew where to look. Because every script — it is also a program, it just works with data under which should be given a certain place. In this case, not a computer, and in the code your html-page. So you need to take place under the data that, for example, are placed in the text. And to mark this place, at the right moment, the program found them and brought to the screen.

Variable tagged portion will be called because you can invest in it any matter which point you want to be displayed on the screen with a script. Click the link — and displays the data that you put in the hidden text. So far, everything is simple, is not it?

In the code of our program (script) denotes our variable any name. The JavaScript language, there are some limitations to create names that I will not speak here. If you need a script hidden text — just use what we have. Consider what is in our code text.

The entire script will look like this: This segment is put between the <head> and </ head>:

<script type = «text / javascript»> function displ (ddd) {if (document.getElementById (ddd) .style.display == ‘none’) {document.getElementById (ddd) .style.display = ‘block’} else {document.getElementById (ddd) .style.display = ‘none’}} </ script>

And this segment put in place the document html, between the <body> and </ body>, where you need to:

<a href=»javascript: displ(‘var’)»> hidden text </a>

<div id = «var» style = «display: none;»>

This hidden text is done with JavaScript. And on what basis it works … (hereinafter)

<a href=»javascript: displ(‘var’)»> Close the text and read more. </a>

</ div>

To close the text, not necessarily to press the link «Close the text.» You can click the second link above. To lower the reference was not, simply remove it (ie, the link itself <a href=»javascript: displ(‘var’)»> Close the text and read more. </a>)

And the next hidden text is done without the help of javascript. Do not be confused by the fact that the reference to it is in the middle. Move it to the desired part of the document, you can very easily put the entire structure in the corresponding tags that format the position of text on a page.

[viseditor.php?ie_ver_ms=7&sid=root_instrumenty-veb-mestera_saitostroenie_skrytyi-tekst&fld=text&clrqstart=1269955823000&deslocal=1049# Hidden text 0]

This hidden text works on dynamic HTML, or DHTML. What is DHTML:

Dynamic html (Dynamic HTML), or DHTML — is not some special markup language. This designation pages with dynamically changeable without refreshing the page contents. DHTML consists of three components: the actual html, elements of Cascading Style Sheets (CSS) and elements of the scripting language (JavaScript or VBScript). These three components are linked together to form a kind of interface that allows you to make and in a static html-page dynamic changes without reloading the entire page.

The whole script that allows you to add a dynamic element to your html-page, you set the way you want on the page between the <body> tags and </ body>. In this case, this segment is as follows:

<span>

<a href = «#» title = «hidden text» onclick = «obj = this.parentNode.childNodes [1] .style; tmp = (obj.display! = ‘block’)? ‘block’: ‘none’; obj.display = tmp; return false; «>

Hidden text </a>

<div class = «subblock» style = «display: none»> Here we have hidden text as it is, </ div>

</ span>

Consider the individual elements:

onclick — an event that takes place by pressing the left mouse button.

obj — this is the segment that contains the rest (similar to the tag textarea).

this.parentNode.childNodes [1] .style (this — is, parent — a parent, Node — Node, child — child, Nodes — nodes). That is, we have a relationship between the parent and child nodes at what options do we have only one (either text, or it is not).

tmp — may refer to any of the following:

obj.display! — In this case, the focus on which block we see on the screen.

block — is what the text concluded.

none — nothing. That is, there is no text.

return false — false return

subblock — on the block in which no text. That is, the logic of all the code we have default empty space, which does not read the browser as long as we do not commit acts — click next to the link. If you press on the link we again obtain supposedly empty space, but in fact just the default browser is blocked from the portion of the text that we want to keep hidden.

The above example of my dynamic html can be used, for example, to create a drop-down menu. Here this: Page Site drop-down menu in the left column

A look at the code here flows into the menu in the left column:

<table width = 100% border = «0»>

<tr>

<td align = «left» VALIGN = top>

<span> <a href = «#» title = «hidden text» onclick = »

obj = this.parentNode.childNodes [1] .style;

tmp = (obj.display! = ‘block’)? ‘block’: ‘none’;

obj.display = tmp;

return false; «> Literary Criticism </a> <div class =» subblock «style =» display: none «>

<a href=http://dugward.ru/library/sodlib.html target=»_blank»> Subject catalog </a> <br>

<a href=http://dugward.ru/library/sodlib_al.html target=»_blank»> alphabetical catalog </a>

</ div> </ span> <br>

<span> <a href = «#» title = «hidden text» onclick = «obj = this.parentNode.childNodes [1] .style;

tmp = (obj.display! = ‘block’)? ‘block’: ‘none’;

obj.display = tmp;

return false; «> Other materials Site </a> <div class =» subblock «style =» display: none «>

<a href=http://dugward.ru/publ/publ.html target=»_blank»> Article </a> <br>

<a href=http://forum.dugward.ru/ target=»_blank»> Forum </a> <br>

<a href=http://lezione.dugward.ru/ target=»_blank»> How do we do this site </a> <br>

<a href=http://dugward.ru/novel/novel.html target=»_blank»> Sketches of the past and present </a>

</ div> </ span> <br>

</ td>

</ tr>

</ table>

And all of the code pages and the flowing menu in the left column (drop-down menu code highlighted in blue):

<html>

<head>

<style type = «text / css»>

.p1

{

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

text-indent: 1.5em;

text-align: justify;

}

</ style>

<title> Our first page </ title>

</ head>

<body bgcolor = «# c0c0c0» background = «f3.gif»>

<table width = «100%» cellspacing = «0», cellpadding = «0» border = «3» VALIGN = top>

<td align = «left»> <img src = «logo.jpg» border = «0»> </ td>

<td WIDTH = 200px>

<table width = «100%» border = «3» cellspacing = «0», cellpadding = «0» VALIGN = top>

<td>

<table width = «100%» bgcolor = # e5e5e7 border = «0»>

<tr>

<td align = «center» WIDTH = 19px> <a href=»http://dugward.ru/Sod.html»> <img src = «pa1.jpg» border = «0»> </a> </ td>

<td align = «left» VALIGN = top> <a href=»http://dugward.ru/Sod.html»> Read the book </a> </ td>

</ tr>

<tr>

<td align = «center» WIDTH = 19px> <a href=»http://septemberfox.ucoz.ru/publ/»>

<img src = «pa1.jpg» border = «0»> </a> </ td>

<td align = «left» VALIGN = top> <a href=»http://septemberfox.ucoz.ru/publ/»> Article </a>

</ td>

</ tr>

</ table>

</ td>

</ table>

</ td>

</ table>

<table width = «100%» cellspacing = «0», cellpadding = «0» border = «0»>

<td WIDTH = 200px VALIGN = top>

<table width = «100%» cellspacing = «0», cellpadding = «0» border = «3» VALIGN = top>

<td>

<table width = «100%» bgcolor = # e5e5e7 border = «0»>

<tr>

<td align = «center»>

<table width = 100% border = «0»>

<tr>

<td align = «left» VALIGN = top>

<span> <a href = «#» title = «hidden text» onclick = »

obj = this.parentNode.childNodes [1] .style;

tmp = (obj.display! = ‘block’)? ‘block’: ‘none’;

obj.display = tmp;

return false; «> Literary Criticism </a> <div class =» subblock «style =» display: none «>

<a href=http://dugward.ru/library/sodlib.html target=»_blank»> Subject catalog </a> <br>

<a href=http://dugward.ru/library/sodlib_al.html target=»_blank»> alphabetical catalog </a>

</ div> </ span> <br>

<span> <a href = «#» title = «hidden text» onclick = «obj = this.parentNode.childNodes [1] .style;

tmp = (obj.display! = ‘block’)? ‘block’: ‘none’;

obj.display = tmp;

return false; «> Other materials Site </a> <div class =» subblock «style =» display: none «>

<a href=http://dugward.ru/publ/publ.html target=»_blank»> Article </a> <br>

<a href=http://forum.dugward.ru/ target=»_blank»> Forum </a> <br>

<a href=http://lezione.dugward.ru/ target=»_blank»> How do we do this site </a> <br>

<a href=http://dugward.ru/novel/novel.html target=»_blank»> Sketches of the past and present </a>

</ div> </ span> <br>

</ td>

</ tr>

</ table>

</ td>

</ tr>

</ table>

</ td>

</ table>

</ td>

<td VALIGN = top>

<table width = «100%» body bgcolor = # e5e5e7 border = «3»> <td align = «center»>

<table width = «95%» border = «0» VALIGN = top>

<td align = «center»>

<font face = «Arial» font color = «# 000000» style = «font-size: 14pt»>

<p class = «p1»>

Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. </ p>

<p class = «p1»>

Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. </ p>

</ font>

</ td>

</ table>

</ td>

</ table>

</ td>

<td WIDTH = 200px VALIGN = top> <br> Banners and ads </ td>

</ table>

<table width = «100%» cellspacing = «0» cellpadding = «0» border = «3»>

<td align = «center»> Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. Text aligned on width. <br>

<br>

<a href=»http://palmernw.ru/» target=»_blank»> <img src = «http://palmernw.ru/bannerw.jpg» border = «0» width = «88» height = » 31 «alt =» Temples and Monasteries of the North-West «> </a> <a href=»http://dugward.ru/» target=»_blank»> <img src =» http://dugward.ru/ banner4.jpg «border =» 0 «width =» 88 «height =» 31 «alt =» Literature and Life. The problems of contemporary literature «> </a> <a href =» http://trustworthysw.ucoz.ru/ «target =» _ blank «> <img src =» http://trustworthysw.ucoz.ru/avat2/b3.jpg «border =» 0 «width =» 88 «height =» 31 «alt =» RPG Real Star Wars — II «> </a> <a href=»http://foxyfox3.narod.ru/index.html» target=»_blank»> <img src =» http://s51.radikal.ru/i133/ 0809/69 / 2fef14206376.jpg «border =» 0 «alt =» forumnye role-playing games. The problems, solutions, advertising «> </a>

<br>

</ td>

</ table>

</ body>

</ html>

That is so not very sophisticated way, you can add dynamics to your html-page.

Note: When you create a hidden text is required to consider one important point: since the principle of hidden text is based on the Prohibition of the browser to read what is in a particular place on a page, whatever you put in the hidden text — can not be read, respectively, and the search engines too. That is, placed in hidden text important information on which search engines can index your page — undesirable.