<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title
Картинка кликабельна и появляется Окошко-Подсказка
Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по левому краю
Атрибут align="left" - значит с лева
Атрибут align="justify" - значит выравнивать
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по правому краю
Атрибут align="right" - значит с права
Атрибут align="justify" - значит выравнивать
Жаль, что мы не рисуем прямо глазами. Как много пропадает на длинном пути от глаз через руку к кисти.
/Г. Лессинг/
Произведение, которое читают, имеет настоящее. Произведение, которое перечитывают, имеет будущее.
/А. Дюма-сын/
<p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p>
Картинка без отступов , с выравниванием по левому краю
Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю .
Обратите внимание , что ваш текст должен быть поделен на две части Первая часть пишется -- перед кодом , Вторая -- после .
Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста
Картинка в середине Текста
Атрибут align="middle" - значит середина
Стихи писать я не умею,
Но мысли изложить могу…
Я просто от тебя балдею
И не во сне, а наяву.
… Десяток тополей качают стан,
чаруя городок провинциальный.
Осенний парк, с площадкой танцевальной,
роняет листья в выцветший фонтан.
На площади, какой то музыкант,
играл на скрипке полонез забытый,
Да так, что дождь холодный и сердитый,
Почти притих, признав его талант.
Прохожие поднявшие зонты
толпились, подступали ближе робко.
Бросали пятаки ему в коробку,
благодаря за звуки красоты.
И таял город в свете фонарей,
Под звуками мелодии пьянящей
И плыл мотив по тишине звенящей,
И стали все от музыки добрей…
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset>
Рамка с разрывом Картинки
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Рамка с разрывом Текста
Таблица в 2 ряда и 2 столбца
СМАЙЛИК
СМАЙЛИК
TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.
TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.
Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично
Атрибут BORDER - задает толщину рамки таблицы в пикселах.
Объединяем верхнии ячейки
ШПАРГАЛОЧКИ
Используя эту Формулу можно строить и другие таблицы
ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек.
Возможные значения: left , center , right . Значение по умолчанию – left .
Добавляем атрибут cellspacing и так же таблица по центру
Ряд 1 Ячейка1
Ряд1 Ячейка2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.
WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.
Так же можно изменить цвет таблицы - Фон
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
1.Заходим в настройки(внизу серый квадратик).
2.Дальше находим надпись Настройки Дизайна.Жмём.
3.а)Если вы хотите чтобы ваш дизайн состаял не из картинок а просто из цветовой гаммы тогда вам нужна таблица с ЦВЕТОМ ФОНА.Подбираете цвета какие хотите,смотрите внизу предпросмотр.Если вас всё устраивает ставите галочку напротив-Сохранить набор цветов как схему.И жмёте ВНЕСТИ ИЗМЕНЕНИЯ.
б) А если хотите загрузить красивый фон,то делайте как на рисунке.
Фон страницы выбираете под цвет вашего дизайна.Его не будет видно он останется под картинкой и появляется только в начале загрузки дневника. Кому интересно,читаем далее...
<p>
<strong>Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.</strong><br />
</p>
<div style="background-color: rgb(245, 245, 245);">
<p style="text-align: left;">
Самое популярное сообщение на лиру, которое набрало больше 10 тысяч цитат, посвящено кодам html. Всё в нем хорошо, да вот только объяснений мало. А ведь с сопроводительной информацией объем можно было бы уменьшить, рассказав какие параметры за что отвечают.<br />
Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.<br />
Ну что же, поехали. Пост написан <a href="http://www.lexincorp.ru/" style="text-decoration: none;" target="_blank">LexIncorp</a>. Цитировать и ссылаться не запрещено.</p>
<hr />
<p style="text-align: left;">
Не отрицая возможности возникновения вопросов, предлагаю следующее. Благо, нововведения лиру это позволяют.<br />
Вы оставляете вопрос в комментарии, ставите галочку "Опубликовать комментарий и ссылку в моем дневнике", ваш вопрос дублируется у вас в блоге. У меня появляется время, я иду к вам и отвечаю у вас на поставленный вопрос по теме поста.<br />
Для чего это? Чтобы не загромождать комментарии тут и чтобы ответы на ваши вопросы были у вас).</p>
<hr />
<p>
<a name="t_top" target="_blank"></a></p>
<p style="text-align: center;">
<big><strong>Оглавление</strong><br />
<a href="#t_more" style="text-decoration: none;" target="_blank">Прячем текст под кат</a><br />
<a href="#t_text" style="text-decoration: none;" target="_blank">Начертание текста</a><br />
<a href="#t_size" style="text-decoration: none;" target="_blank">Размер шрифта</a><br />
<a href="#t_color" style="text-decoration: none;" target="_blank">Цвет текста</a><br />
<a href="#t_garn" style="text-decoration: none;" target="_blank">Гарнитура шрифта</a><br />
<a href="#t_quot" style="text-decoration: none;" target="_blank">Цитаты</a><br />
<a href="#t_list" style="text-decoration: none;" target="_blank">Списки</a><br />
<a href="#t_form" style="text-decoration: none;" target="_blank">Форматирование</a><br />
<a href="#t_marquee" style="text-decoration: none;" target="_blank">Бегущая строка</a><br />
<a href="#t_img" style="text-decoration: none;" target="_blank">Вставка изображений</a><br />
<a href="#t_href" style="text-decoration: none;" target="_blank">Ссылки, баннеры</a><br />
<a href="#t_lines" style="text-decoration: none;" target="_blank">Рамки для текста</a><br />
<a href="#t_textarea" style="text-decoration: none;" target="_blank">Форма для кода</a></big></p>
<p style="text-align: center;">
Прежде чем начать изучение материала, кое-что поясню. Чтобы зайти с улицы в комнату, сначала надо зайти в квартиру, а потом уже в комнату. Также, чтобы выйти на улицу из комнаты, сначала мы выходим из нее, потом из квартиры.<br />
К чему это я? К тому, что первым делом надо закрывать тот тег, который открыли последним. (исключение составляет тег ката).<br />
И еще: не бойтесь экспереминтировать. Html не может убить ваш компьютер и стереть информацию)<br /> читаем, изучаем, практикуем</p>
</div>
Вот, мы и связали первые элементы, соберем букетик.. или кустик.. кому как нравится.. рассмотрим метод соединения элементов "встык".Прежде чем собирать изделие, нам необходимо сделать набросок или эскиз будущей композиции, для этого отвязываем десяток или два понравившихся мотивов, разных
Цитируя - Убираем Галочку от Сохранять переводы строк в тексте!
Шпаргалки:
РАМОЧКИ :
ФОНЫ, РАЗДЕЛИТЕЛИ :
Ссылки к стихам любимых авторов
Удобная Альтернатива таблицы цветов во флэш формате
Выбирайте нужный цвет,водя мышкой по цветному полю, а в продолговатом окошке(внизу палитры), будет появляться цвет на который вы навели мышкой. Выберите нужный вам и кликните по нему. В окошке Color code появится код, который вы должны скопировать (Ctrl+C) и поставить (Ctrl+V) в нужное вам место.
Для изменения места нахождения картинки или текста
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
Значения указанные цифрами:
1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px. 2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону. 3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение. 4- это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.
Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
Значения указанные цифрами:
1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px. 2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону. 3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение. 4- это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.
Официальная помощь мейлрушному блогеру
Sheree
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. 
Первая часть пишется -- перед кодом , Вторая -- после .
Строка 1
