Первые_шаги_29
<html> <head> <title>Документ с Меню</title> <body background="cherti3.gif" text="#ffffff" link="#ffffff" alink="#ffffff" vlink="#ffffff"> <center> <a href="content.html" target="window-1">Главная</a> <a href="tumki.html" target="window-1">Тумки</a> <a href="bumki.html" target="window-1">Бумки</a> <a href="tururumki.html" target="window-1">Турурумки</a> <a href="tra-la-la.html" target="window-1">Траляля</a> </center> </body> </head> </html>
Теперь, все ссылки открываются в нужном нам фрейме, а меню никуда не исчезает, при этом мы не приложили никаких особых усилий, а только изменили немного два документа
Бывают ситуации, когда нам нужно, чтобы открываемый документ открылся во все окно, для этого надо параметру target задать значение _top:
<a href="project.html" target="_top">Мой проект о рыбках</a>
Первые_шаги_30
Я не буду рассказывать, как делается IFrame (т.к. "плавающие" фреймы поддерживаются только IE), я лишь расскажу, что это такое. Также поддерживается в спецификации HTLM5
Итак, IFrame - "плавающий" или встроенный фрейм. Пользователи Интернет Искплорер, наверное, много раз встречали его на различных сайтах. Это очень удобно, поэтому некоторые создатели страниц (сайтов) позволяют себе забыть о пользователях Несткейпа, и я их прекрасненько понимаю.
Первые_шаги_31
теги определяют стиль шрифта
<small> Малый </small> Нормальный текст <big> Большой </big>
Big представляется крупным шрифтом, а Small малым шрифтом относительно основного текста
<strike>
Перечеркнутый
</strike>
<s> Перечеркнутый
</s>
Тэги Strike и S представляют текст перечеркнутым шрифтом
Верхний индекс <sup>sup</sup> Нижний индекс <sub>sub</sub>
Например: H2O
Первые_шаги_32
тэга Br - Clear.
Нам нужно, чтобы текст после слов "к моим гранитным ногам" обрывался, и "кушай, великий предок" - уже продолжалось под картинкой. Вы, конечно, можете ввести несколько тэгов br и решить эту проблему. Но если вдруг картинка (объект) будет большой, текста много, то тут вы уже явно не обойдетесь несколькими br, тут вам придется употребить их с десяток и больше. Так вот, чтобы вам не пришлось мучатся в таких ситуациях, и существует параметр clear
<img src="clearpri.gif" align="left"> А мои дети и внуки будут пользоваться моей славой. Смогут купить сосиски, не стоя в огромной очереди. Отварят их, да побольше, наложат в тарелку горкой. Принесут к моим гранитным ногам. <br clear="left"> "Кушай, великий предок!" Я посмотрю на них с неба, ласково так, с любовью: "Кушайте сами сосиски. И живите в мире и счастье."
У параметра clear существует несколько значений - all, left, right.
В нашем примере мы задали clear="left", т.к. наша картинка выровнена по левому краю.
Первые_шаги_33
Можно сделать так, чтобы при нажатии на разные области (части) одной и той же картинки, вы попадали на разные страницы, это называется - навигационная карта. Тэг Map включает себя тэг(и) Area, которые определяют геометрические области внутри карты
У тэга Map есть параметр name - имя карты
Порядок записи координат для параметра coords следующий:
<area shape="rect" coords="x1,y1,x2,y2">
<html>
<head>
<title></title>
</head>
<body>
<map name="myMap" id="myMap">
<area alt="тут ссылки нет" coords="70,138,39" shape="circle" nohref="nohref"/>
<area alt="Серая зона" coords="20,10,118,188" shape="rect" href="#"/>
<area alt="Желтая зона" coords="175,30,270,100,200,150" shape="poly" href="#"/>
</map>
<img alt="карта" src="http://www.xiper.net/assets/images/html-tags/map.png" usemap="#myMap" width="300" height="200" />
</body>
</html>
Первые_шаги_34
<html>
<head>
<title></title>
</head>
<body>
<map name="myMap" id="myMap">
<area alt="Кружка" coords="126,78,45" shape="circle" href="#" />
<img alt="Пусто" src="http://ab-w.net/image/wo.jpg" usemap="#myMap" width="300" height="200" />
</map>
</body>
</html>
Здесь на картинке только кружка является ссылкой
Первые_шаги_35
<html>
<head>
<title></title>
</head>
<body>
<map name="myMap" id="myMap">
<area href="drugoy_document_3.html" shape="circle" coords="46,48,35,">
<area href="drugoy_document_3.html" shape="poly" coords="168,9,232,29,200,97,223,129,153,119">
<img alt="карта" src="http://ab-w.net/image/wo.jpg" usemap="#myMap" width="300" height="200" />
</map>
</body>
</html>
Первые_шаги_36
Иногда возникает такая ситуация: нам нужно сделать ссылку не на другой документ, а внутри того же документа - закладку, в народе называемую якорем