| Уроки HTML |
| Изобрадение и текст HTML |
Бывает так, что нужно вывести картинку и приписать название (короткую фразу). Для этого есть такие параметры:
• align="top" – выравнивает текст по верху изображения.
• align="bottom" – выравнивает текст по низу.
• align="middle" – выравнивает текст по центру.
Ниже приведён код, в котором демонстрируется работа выше описанных параметров.
<html>
<head>
<title>Изображение и текст</title>
</head>
<body>
<p><img src="images/htmlbeer0.jpg" width="100" height="180" align="top" />Красивая пчёлка</p>
<br><br>
<p><img src="images/htmlbeer1.jpg" width="120" height="180" align="middle" />
Очень симпатичная пчёлка</p>
<br><br><br>
<p><img src="images/htmlbeer2.jpg" width="160" height="180" align="bottom" /> Тоже ничего.</p>
</body>
</html>
Красивая пчёлка
Очень симпатичная пчёлка
Тоже ничего.
Теперь посмотрим, как нужно выводить картинку при большом количестве текста.
Есть два параметра:
• align="left" – изображение "обтекает текст" слева.
• align="right" – изображение "обтекает текст" справа.
Для наглядности напишите такой код:
<html>
<head>
<title>HTML изображение слева – текст справа</title>
</head>
<body >
<img src="images/htmlsun.jpg" align="left" width="140" height="124" />
<big>Солнце</big>
<br>
<p> > Здесь может быть текст содержащий информацию о Солнце.</p>
<br><br>
<img src="images/htmlmoon.jpg" align="right" width="140" height="124" />
<big>Луна</big>
<br>
<p> Здесь вы можете вставить научную статью о Луне.</p>
</body>
</html>
Солнце
По форме Солнце близко к идеальной сфере с диаметром 1392000 км. Оно вмещает в себя орбиту Луны, и еще остается много места. Фактически более миллиона таких планет как Земля свободно поместились бы внутри Солнца. Кроме того, если бы вы смогли вести машину по его поверхности со скоростью 88 км/ч, у вас бы ушло 5 с половиной лет, чтобы объехать Солнце один раз (притом не останавливаясь). Но размер Солнца не постоянен. Современные исследования показывают, что диаметр Солнца уменьшается приблизительно на 1 метр в час. Если этот феномен проходил и в прошлом столетии, тогда Солнце, которое мы видим сейчас на 800 км меньше, чем то, которое видели наши предки. Возможно, это солнечное сжатие является частью долговременного колебания, которое помогает стабилизировать громадный выброс энергии.
Луна
Это единственный естественный спутник Земли. Масса Луны составляет 0,0123 массы Земли (приблизительно 1/81) или 7,6.1022 кг. Диаметр Луны чуть больше четверти земного (0,273) или 3 476 км. Луна освещает Землю в 500 000 раз слабее Солнца). На Луне нет привычной для нас атмосферы, нет рек и озёр, растительности и живых организмов. Сила тяжести на Луне в шесть раз меньше, чем на Земле. День и ночь с перепадами температур до 300 градусов длятся по две недели.
Но как вы видите может быть так, что текст и картинка слишком близко находятся друг к другу. Что бы исправить это, нужно просто задать некоторую нужную величину толщины рамки и цвет, как у заднего фона.
<html>
<head>
<title>Вывод изображения на HTML страницу </title>
</head>
<body>
<img src=" images//htmleclipse.jpg" alt="Солнечное затмение" align="left" width="160"
height="130" style=" border: 8px solid #ffffff;"/>
<big>Солнечное затмение</big>
<br>
<p> Статья о Солнечном затмении.
</p>
</body>
</html>
Солнечное затмение
Астрономическое явление, которое заключается в том, что Луна закрывает (затмевает) полностью или частично Солнце от наблюдателя на Земле. Солнечное затмение возможно только в новолуние, когда сторона Луны, обращенная к Земле, не освещена, и сама Луна не видна. Затмения возможны только если новолуние происходит вблизи одного из двух лунных узлов (точки пересечения видимых орбит Луны и Солнца), не далее чем примерно в 12 градусах от одного из них.
| ◄ Предыдущий урок | Содержание | Следующий урок ► |
