КАК СДЕЛАТЬ ОГЛАВЛЕНИЕ.
|
|
|
|
Если у вас большой текст, вы можете разбить его на главы.
Чтобы читателю было удобно переходить к нужной главе, вы можете в начале текста разместить оглавление (или содержание).
В данной заметке рассказывается, каким образом можно сделать оглавление в тексте.
|
|
Технически, оглавление создаётся с помощью тега <a>.
HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице (или на другую страницу в Интернете).
Для того, чтобы выполнялся переход, нужно создать якорь.
Например, следующим образом | <a name="anker_name">Имя якоря</a> |
Создаётся якорь с именем anker_name.
Далее в тексте, к данному якорю можно сделать переход такой командой:
| <a href="#anker_name">Перейти к якорю</a> |
|
|
Чтобы сделать такое оглавление:
|
Вы можете использовать такой html-код:
<div><table cellpadding="7" border="0" width="80%" bgcolor="#ADD8E6"><tr><td>
<b><a name="content">Содержание:</a></b>
<ol>
<li><a href="#link_01">Глава первая</a>
<li><a href="#link_02">Глава вторая</a>
</ol>
</td></tr></table></div>
|
Здесь (помимо тега <a>) используются также теги <div> и <table>, но только затем, чтобы выделить блок цветом.
|
|
| Чтобы сделать такую метку для заголовка:
|
Вы можете использовать такой html-код:
<div><table cellpadding="7" border="0" width="80%" bgcolor="#ADD8E6">
<tr><td>
<div align=left>
<a name="link_01"><a href="#content">ГЛАВА ПЕРВАЯ.</a></a><div>
</td></tr>
</table></div>
|
|
| Аналогично, чтобы сделать такую метку для заголовка:
|
Вы можете использовать такой html-код:
<div><table cellpadding="7" border="0" width="80%" bgcolor="#ADD8E6">
<tr><td>
<div align=left>
<a name="link_02"><a href="#content">ГЛАВА ВТОРАЯ.</a></a><div>
</td></tr>
</table></div>
|
|
|