Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Лечебный шампунь для волос!

Нет нужды говорить о том, какую роль во внешнем облике женщины играют волосы. С возрастом рост и появление новых волос замедляются, они истончаются, теряют блеск и эластичность, редеют.

Читать далее...

Сердечки-валентинки. МК

 Мастер класс папье-маше – сердечки валентинки своими руками

 

Читать далее...

неожиданные средства для волос

1.покупаете крем для восстановления хрящей и суставов, наносите по всей длине на волосы, даете чуть подсохнуть, одеваете косынку и спаточки, наутро моете голову, сушите укладываете как обычно
2.если добавлять толчёный аспирин в шампунь, то волосы типа быстрее растут, блестят, укрепляются, исчезает перхоть
3.для подпорченных на концах волосиков, это Обычный силиконовый крем, можно для рук :) Дело в том что силикон заполняет поврежденные учатки волоса, благодаря чему волосы становятся эластичными. читала что злоупотреблять силииконо содержащими тоже не стоит, так как краска для волос может лечь не равномерно. Если что силикон по научному "Диметикон".

Желатин в косметологии

Желатин – естественный источник веществ, способствующих формированию кератина, белка, из которого состоит волос. Кроме того, желатин имеет в своем составе полезные микроэлементы, такие, как железо, калий, натрий, фосфор и магний, а так же аминокислоты и пищевые волокна.

Желатин эффективно воздействует не только на волосы, но и полезен для кожи. В частности, желатин можно использовать в составе маски для лица. Для этого потребуется свежевыжатый овощной или фруктовый сок (неаллергенный), либо тёплое молоко. Растворёенный в небольшом количестве горячей воды желатин смешивается с соком или молоком. Маска наносится на кожу лица на 20 минут. Смывается прохладной водой. Такая маска повышает эластичность кожи, сужает поры, придает лицу свежесть.

Вязаная шапка

Шапочки вяжутся так:

Читать далее...

Скажи мне кто твоя подруга


Как сохранить на долгие годы хорошие отношения с представительницами прекрасного пола? Мы научим вас находить с приятельницами общий язык. Итак, ваша подруга...Овен.Значит, у вас всегда есть человек, к которому вы можете обратиться за помощью. Ведь Овечка умеет дружить и, стоит ее только попросить, с готовностью бросается помогать своим товарищам во всех начинаниях - от ремонта на кухне до организации собственного бизнеса. Она напоминает Джеймса Бонда в юбке: этой представительнице зодиакального круга все время кажется, что только она одна способна спасти мир. Поэтому, стараясь помочь вам, она может несколько переборщить. Ничего удивительного, ведь женщина-Овен максималистка, она не умеет останавливаться на полпути и всегда идет напролом.
.Читать далее...

Детский плед с кроликами

>>>

МАСТЕР - КЛАСС очень много... (Цитата)

МАСТЕР - КЛАСС очень много... различная тематика

Спасибо автору. По незнанию не цитировала, а копировала. Очень прошу прощения...

В аптеку – за красотой

1.Перекись водорода

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

Если вы любите поковырять на лице прыщики, или сами выдавливаете черные точки, то перед этим не забудьте хорошенько смочить кожу перекисью водорода. Она хорошо разрыхляет роговой слой кожи, и они будут очень легко выходить на поверхность при нажатии вместе со всем стержнем.

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

Краткий справочник по HTML

Краткий справочник по HTML

1. Элементы WEB-страницы

Таблица 1.1. Организующие страницу элементы:

Элемент	Назначение
<html> ... </html>	Начальный и заключительный тег HTML-документа
<head> ... </head>	Объявление заголовка WEB-страницы, содержит описание страницы
<title> ... </title>	Элемент определяет название страницы, которое выводится в строке заголовка окна браузера. Располагается внутри заголовка <html> WEB-страницы, учитывается при индексации страницы поисковыми машинами
<body> ... </body>	Между этими тегами находится основное содержание страницы Атрибуты: Атрибут Назначение bgcolor="значение" Задает фоновый цвет страницы. Переменная "значение" представлена в виде текстовой величины (принятые в WEB названия цветов), либо в виде шестнадцатиричного числа, обозначающего цвет - "#ddf112" background="адрес" Задает фоновый рисунок страницы. "значение" - адрес файла изображения, которое станет фоновым рисунком страницы. При этом рисунок не растягивается, а заполняет всю страницу путем клонирования
<base href="адрес">	Определение "базового" URL каталога сайта. Все относительные ссылки на странице, содержащей этот элемент будут определяться относительно него. Располагается внутри элемента <head>
<!-- ..... -->	Комментарий. Может располагаться в любом месте страницы. На экран браузера не выводится. Надежное средство для борьбы со склерозом..

2. Элементы форматирования текста

Таблица 2.1. Элементы стилей абзаца и списков:

Элемент	Назначение
<h1> ... </h1>	Заголовки первого уровня
<h2>... </h2>	Заголовки второго уровня
<h3> ... </h3>	Заголовки третьего уровня
<p> ... </p>	Заголовки четвертого уровня
<h5> ... </h5>	Заголовки пятого уровня
<h6> ... </h6>	Заголовки шестого уровня
<p> ... </p>	Простой абзац. Приведенные атрибуты могут быть использованы со всеми элементами, определяющими стиль абзаца, в том числе и с заголовками. Атрибуты: Атрибут Назначение align="значение" Расположение текста абзаца относительно границ окна (выравнивание текста). Может принимать значения: "left" - выравнивание по левому краю, "right" - выравнивание по правому краю, "justify" - выравникание по ширине и "center" - выравнивание по центру
<blockquote> ... </blockquote>	Виртуальное выделение абзаца путем добавления отступа слева
<pre> ... </pre>	Преформатированный абзац. Выводится в окне браузера точно также, как был набран в редакторе. Учитывает пробелы и переводы строки при вводе. Результат выводится на экран моноширинным шрифтом
<br> или, <br>	Разрыв строки. Браузером распознается и выполняется как перевод строки. Может быть использован внутри элементов, определяющих абзац
<hr> или <hr>	Рисует горизонтальную линию Атрибуты: Атрибут Назначение width="значение" Длина линии, указанная либо в относительных единицах (процентах) либо в абсолютных - пикселях size="значение" Ширина линии в пикселах align="значение" Расположение: выравнивание по левому, правому краю либо по центру noshade="noshade" Изменяет внешний вид линии, убирая тень линии
<ol> <li>..</li> <li>..</li> </ol>	Нумерованный список Атрибуты: Атрибут Назначение type="значение" Значение определяет вид нумерации: "A" - Прописные буквы "a" - Строчные буквы "I" - Большие римские цифры "i" - Малые римские цифры "1" - Арабские цифры (по умолчанию) start="значение" Указывает, какое значение для данного списка будет являться стартовым
<ul> <li>..</li> <li>..</li> </ul>	Маркированный список. Атрибуты: Атрибут Назначение type="значение" Значение определяет вид маркера: "disc" - Кружок (по умолчанию) "square" - Квадратик "circle" - Кольцо Списки различных типов могут быть вложены один в другой. В этом случае отдельная строка списка должна содержать полностью оформленный список нижнего подуровня

Таблица 2.2. Логические стили форматирования текста WEB-страницы:

Элемент	Назначение
<em> ... </em>	Выделение
<strong> ... </strong>	Усиленное выделение
<cite> ... </cite>	Цитата или ссылка на внешний источник
<dfn> ... </dfn>	Исходный код программы
<samp> ... </samp>	Пример работы программы, часто отображается так же, как и предыдущий
<kbd> ... </kbd>	Текст, вводимый с клавиатуры
<var> ... </var>	Переменная или значение
<q> ... </q>	Цитируемый текст
<abbr> ... </abbr>	Аббревиатура
<acronym> ... </acronym>	Акроним

Таблица 2.3. Физические стили форматирования текста WEB-страницы:

Элемент	Назначение
<b> ... </b>	Жирный
<i> ... </i>	Курсив
<tt> ... </tt>	Моноширинный
<u> ... </u>	Подчеркнутый
<big> ... </big>	Увеличенный размер
<small> ... </small>	Уменьшенный размер
<sub> ... </sub>	Нижний индекс
<sup> ... </sup>	Верхний индекс

3. Добавление объектов

Таблица 3.1. Добавление объектов на страницу:

Элемент	Назначение
<img>	Вставка изображения на страницу Атрибуты: Атрибут Назначение src="адрес" указывает URL-адрес, по которому находится файл изображения. Может быть как относительным, так и абсолютным alt="значение" Содержит текст, который выводится на экран браузера при невозможности вывести изображение align="значение" Определяет поряддок вывода текста относительно боковых сторон изображения: "top" - текст располагается рядом с верхней границей изображения; "middle" - текст располагается рядом с серединой изображения; "bottom" - текст располагается рядом с нижней границей изображения (по умолчанию) Еще два параметра, делающие изображения "плавающими", при этом текст обтекает изображение: "right" - помещает изображение к правой границе WEB-страницы; "left" - помещает изображение к левой границе WEB-страницы width="значение" Ширина рисунка (резервируется место под изображение, создавая рамку) height="значение" Высота рисунка (резервируется место под изображение, создавая рамку)
<a> ... </a>	Вставка гиперссылки на страницу. Между начальным и закрывающим тегами должен находиться текст или картинка, которые отображают гиперссылку на экране браузера Атрибуты: Атрибут Назначение href="адрес" указывает URL-адрес, по которому находится документ, который должна открывать ссылка. Может быть как относительным, так и абсолютным title="значение" Содержит поясняющий текст, который выводится на экран браузера при наведении курсора мыши на гиперссылку name="значение" Устанавливает закладку на странице, используемую для переходов внутри страницы target="_blank" Позволяет автоматически открывать гиперссылку в новом окне Пример: <a href="Адрес" title="Заголовок" target="_blank">Текст ссылки или картнка</a>

Таблица 3.2. Добавление таблиц на страницу:

Элемент	Назначение
<table> ... </table>	Вставка таблицы на страницу Атрибуты: Атрибут Назначение bgcolor="значение" Фоновый цвет таблицы. Значение - WEB-название цвета или его шестнадцатиричный код * - может применяться с элементами <td> и <tr> width="значение" ширина таблицы. Задается либо в пикселях (абсолютный размер), либо в процентах от ширины страницы (относительный размер) * - может применяться с элементом <td> align="значение" Определяет порядок вывода таблицы относительно границ WEB-страницы: "left" - таблица располагается слева у границы страницы, обтекается текстом; "right" - таблица располагается справа у границы страницы, обтекается текстом; "center" - таблица расположена по центру страницы. cellpadding="значение" определяет расстояние между границами ячеек и их содержимым (в пикселах) cellspacing="значение" задает расстояние в пикселах между ячейками таблицы border="значение" задает ширину внутренних и внешних границ таблицы в пикселах
<tr> ... </tr>	Определяет строку таблицы Атрибуты: Атрибут Назначение align="значение" Определяет порядок вывода данных в ячейках: "left" - с выравниванием по левому краю ячеек; "right" - с выравниванием по правому краю ячеек; "center" - с выравниванием по центру ячеек * может использоваться с элементом <td> valign="значение" Определяет порядок вывода данных в ячейках: "top" - вверху ячеек; "bottom" - внизу ячеек "center" - по центру ячеек * может использоваться с элементом <td> * См. атрибуты элемента <table>
<td> ... </td>	Определяет ячейки таблицы Атрибуты: Атрибут Назначение colspan="значение" задает количество ячеек для объединения в строке таблицы rowspan="значение" задает количество ячеек для объединения в столбце таблицы * См. атрибуты элемента <tr> и <table>
<caption> ... </caption>	Вставка описания таблицы Атрибуты: Атрибут Назначение align="значение" определяет размещение названия таблицы: "top" - над таблицей; "bottom" - под таблицей.

Пример HTML-кода страницы

---

<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">   <!-- Задание русской кодировки "Windows-1251" -->
     <meta http-equiv="content-language" content="ru, russian">    <!-- Задание русского языка "ru, russian" -->
     <title>Заголовок страницы</title>
     <meta name="keywords" content="Здесь пишутся ключевые слова страницы">
     <meta name="description" content="Здесь кратко описывается страница">
</head>
<body>

<h1>Заголовок страницы</h1>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td width="200">
     <a href="page1.html" title="Страница 1">Страница 1</a><br>
     <a href="page2.html" title="Страница 2">Страница 1</a><br>
     <a href="page3.html" title="Страница 3">Страница 1</a><br>
     <a href="page4.html" title="Страница 4">Страница 1</a><br>
     <a href="page5.html" title="Страница 5">Страница 1</a><br>
     <a href="page6.html" title="Страница 6">Страница 1</a><br>

     <a href="http://www.mail.ru/" target="_blank">Внешняя ссылка</a><br>
</td><td width="100%">
     <h2 align="center">Подзаголовок страницы</h2>    <!-- Заголовок второго уровня выравнен по центру -->
     <p>Первый тестовый абзац страницы</p>
     <p>Второй тестовый абзац страницы</p>
     <p>Третий тестовый абзац страницы</p>
</td></tr>
</table>

</body>
</html>

Вязаный гном (крючок)от Натальи Грухиной

Гномы с давних времен являются рождественским символом и традиционным украшением во многих европейских странах, в том числе и в Норвегии.

В Норвегии перед рождеством все магазины буквально переполнены разнообразными предметами с изображением гномов - это и открытки, и сервизы, и подсвечники, и елочные украшения, и фигурки гномов всевозможных форм и размеров.

Из всего этого разнообразия мне больше всего нравятся мягкие гномы из шерсти, с длинной меховой бородой и большим колпаком, закрывающим все лицо, кроме пухленького носика.
Несмотря на свою простоту, они выглядят очень мило, не правда ли?

А известно ли вам почему именно гномы так популярны под рождество?

подробности и описание  здесь

Уроки макияжа: скрываем недостатки лучше Фотошопа!

 
   Расширенные поры, круги под глазами, прыщики, капиллярная сетка, пигментные пятна - что-нибудь из этого набора наверняка найдется у каждой из нас. Идеальных женщин не бывает, но можно научиться скрывать свои недостатки. Как? Passion.ru расскажет, как сделать тон своей кожи идеальным.

Основа макияжа подобна холсту, на котором рисуется картина: от его качества зависит то, насколько хорошее полотно мы получим в финале. Именно поэтому консилеры, корректоры и тональные средства - это продукция, на которой не стоит экономить.

 

Найти подходящее именно для вас камуфляжное средство - дело непростое, обычно требующее много времени и средств. Однако как только вы найдете свой идеальный продукт - полдела для приобретения идеальной внешности сделано!

«Роза» из огурца и редьки

«Роза» из огурца 

Читать далее...

Мастер-класс: Лепка игрушки-жирафа из холодного фарфора

 

 

 

>>>

полезность....))))

вот такую "выкройку" я нашла в нете,я думаю это очень интересная идея для декора открыточки или альбомчика...)))
предлагаю вам сделать вот такую веселую девочку.....................

Еще раз про хозяйственное мыло

 

Читать далее...

10 рецептов со сгущенкой

 http://kuking.net/13_91.htm

Сгущенное молоко получается выпариванием цельного молока с прибавлением к нему 12% кристаллического сахара или без него. Идея получения сгущенного молока была предложена в 1810 г французом Николя Аппером. Этот парижский кондитер обнаружил, что если прокипятить банку с соком, ее содержимое долго не испортится. А после долгих опытов, он выяснил, что молоко лучше хранится в запаянных жестяных банках, которые к тому же не лопаются при кипячении.

Читать далее...

Брелок

Читать далее...

Печёная картошка с соусом сацики (греческий соус)

На работе в буфете купила на обед то ли салат то ли соус из огурцов,мне он так понравился,что в Google нашла этот рецепт с печёным картофелем и быстренько приготовила.....Вкус меня потряс,чесночный аромат,вкусная  мягкая картошка,2 шт.съела и наелась,настолько сытно...

ШАГ ЗА ШАГОМ....