Основы HTML
Сообщений: 5 Страница 1 из 1
Основы HTML
Здравствуйте ! вы не могли бы мне помочь с заданием:необходимо вставить 4 картинки ( в разных местах).первая картинка должна быть прижата к левому краю экрана, текст будет обтекать ее справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 5 пикселей. При наведении на картинку курсора должна появиться надпись - "моё фото". Вторую фотографию расположить у правого края, обтекание слева, толщина рамки 3 пикселя. Остальные картинки разместить произвольно, применив к ним все атрибуты тега <img>.
Спасибо!
Re: Основы HTML
http://ru.html.net/tutorials/css/lesson13.phpRe: Основы HTML
Принимай работу)))duffman77@mail.ru моя почта, пиши если что))
- Код: Выделить всё
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div style="float:left; margin-bottom:10px;">
<img src="http://i056.radikal.ru/1103/bd/38a43e134289.jpg" title="Мое фото">
</div>
<div style="margin-top:30px; width:250px; float:left; margin-left: 5px;">
<p>Рассказ или новелла — более краткая форма художественной прозы, нежели повесть или роман. Восходит к фольклорным жанрам устного пересказа в виде сказаний или поучительного
иносказания и притчи. По сравнению с более развёрнутыми повествовательными формами в рассказах не много действующих лиц и одна сюжетная линия (реже несколько) при характерном
наличии какой-то одной проблемы.</p>
</div>
<div style="float:right;">
<img border="4" src="http://katyaburg.ru/sites/default/files/pictures/krasota_prirody/osen_osennyaya_priroda_36_glavnaja.jpg" >
</div>
<div style="margin-top:30px; width:230px; float:right; margin-right: 5px;">
<p>Рассказ или новелла — более краткая форма художественной прозы, нежели повесть или роман. Восходит к фольклорным жанрам устного пересказа в виде сказаний или поучительного
иносказания и притчи. По сравнению с более развёрнутыми повествовательными формами в рассказах не много действующих лиц и одна сюжетная линия (реже несколько) при характерном
наличии какой-то одной проблемы.</p>
</div>
<div style="margin-top:20px;">
<img border="4" src="http://i.sunhome.ru/foto/23/priroda_italii.jpg" alt="привет" title="как дела?" >
</div>
<div style="margin-top:20px;">
<img border="4" src="http://os1.i.ua/3/1/3712689_83df93ad.jpg" alt="привет" title="как дела?">
</div>
</body>
</html>
Re: Основы HTML
Бесплатный 2-х часовой видеокурс по основам HTML: http://srs.myrusakov.ru/html?ref=ProgrammerRe: Основы HTML
http://webkurs.3dn.ru - Видеокурсы по веб-программированию(HTML,PHP и MySQL, JavaScript, jQuery и Ajax, HTML5 и CSS3, WordPress 4). Всё что нужно для создания сайта.Страница 1 из 1