Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 22 - Учим HTML. Коды расположение картинок.
Часть 23 - Картинки в одну линеечку,оформление дневника
Часть 24 - Как разделить пост на 2 части,учим HTML
Часть 25 - Коллекция цветочных разделителей для дизайна дневничка
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Картинки в одну линеечку,оформление дневника

 Картинки в одну линеечку

Для этого воспользуемся формулой:

Картинку берем через Радикал, ссылка № 6

 

Чтобы продолжить ряд картинок, перед тегами 

поставить столько раз, сколько потребуется

из блога Попова Любовь

 

Загадочный и противоречивый Гонконг! Чтобы чувствовать себя там комфортно надо сделать бронирование отелей в Гонконге

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 21 - ~ Прозрачные фоны
Часть 22 - Учим HTML. Коды расположение картинок.
Часть 23 - Картинки в одну линеечку,оформление дневника
Часть 24 - Как разделить пост на 2 части,учим HTML
Часть 25 - Коллекция цветочных разделителей для дизайна дневничка
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Учим HTML. Коды расположение картинок.

 

 

1. расположение картинки слева от текста используем этот код:  2. расположение картинки справа от текста используем этот код:  Попова Любовь

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

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 20 - Flash-часы
Часть 21 - ~ Прозрачные фоны
Часть 22 - Учим HTML. Коды расположение картинок.
Часть 23 - Картинки в одну линеечку,оформление дневника
Часть 24 - Как разделить пост на 2 части,учим HTML
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 19 - Музыкальный плеер для эпиграфа дневника
Часть 20 - Flash-часы
Часть 21 - ~ Прозрачные фоны
Часть 22 - Учим HTML. Коды расположение картинок.
Часть 23 - Картинки в одну линеечку,оформление дневника
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 18 - Надписи для комментариев "+ код
Часть 19 - Музыкальный плеер для эпиграфа дневника
Часть 20 - Flash-часы
Часть 21 - ~ Прозрачные фоны
Часть 22 - Учим HTML. Коды расположение картинок.
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Музыкальный плеер для эпиграфа дневника

Очередное дополнение в

Как и обещал. Начну с примечания:
"Абсолютно не понимаю людей, которые в эпиграф дневника добавляют ссылки на flash-объекты. Но если это кому-то надо, почему не рассказать, как это сделать?".
Те, кому интересно, могут прочитать и процитировать

LI 5.09.15

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
Часть 18 - Надписи для комментариев "+ код
Часть 19 - Музыкальный плеер для эпиграфа дневника
Часть 20 - Flash-часы
Часть 21 - ~ Прозрачные фоны
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Надписи для комментариев "+ код


<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//i001.radikal.ru/1109/ae/65e045b2421e.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//i054.radikal.ru/1109/60/9f732d4cdf73.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//i061.radikal.ru/1109/6b/1a0686e8057c.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//s54.radikal.ru/i144/1109/ca/b6cea58ad074.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//i071.radikal.ru/1109/ca/c3769916360b.png" /></a>

Далее...

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 16 - Как ОФОРМИТЬ ДНЕВНИК.
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
Часть 18 - Надписи для комментариев "+ код
Часть 19 - Музыкальный плеер для эпиграфа дневника
Часть 20 - Flash-часы
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Полезно: О дневниках -ссылочки,нужные и полезные

Предлогаю ссылочки,нужные и полезные для оформления блога и не только.Этими ссылочками я постоянно пользуюсь. полезные ссылки Генераторы картинок с кодами. Картинки с готовыми кодами. Блестящие тексты для блогов. Названия цвета для оформления блога. Фоны для блогов. Готовые Кнопки для блогов. В помощь Блогеру.  Милолика

http://blogs.mail.ru/mail/tamila_kushnariova/9BB2D317964B42E.html?page=#comment_4EF300103870E0A1

 

Серия сообщений "Полезно: О дневниках":
Часть 1 - Полезно: О дневниках
Часть 2 - Полезно: О дневниках -Создаем флешки
...
Часть 98 - Полезно: О дневниках -добрый вечер
Часть 99 - Полезно: О дневниках -Анимация без фотошопа
Часть 100 - Полезно: О дневниках -Универсальный конвертр ваших видео - Total Video Converter

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 15 - Часики с кодом.
Часть 16 - Как ОФОРМИТЬ ДНЕВНИК.
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
Часть 18 - Надписи для комментариев "+ код
Часть 19 - Музыкальный плеер для эпиграфа дневника
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Список уроков.Как ОФОРМИТЬ ДНЕВНИК.

Здесь я собрала всё самое Основное, И НЕОБХОДИМОЕ,в одном месте- что вам может понадобиться... Для ОФОРМЛЕНИЯ своего дневничка. И как сделать его красивым и интересным. Выбирайте,что вам нужно и нажимайте О,КЕЙ. 1.Как сделать ПОСТ С КАРТИНКОЙ.2.Делаем ссылочку на Вас с Иконкой.3.Делаем отдельный Список-Бродилку4.Уменьшаем ВЕС картинки через ПАИНТ.5.Меняем ДАТУ ПОСТОВ на Лиру.6.Украшаем свой дневник.Мудрой фразой дня.7.Программа Телепередач-информер в ваш Эпиграф.8.Специальные символы.Украшаем свой ник.9.ОПРОС и как его ДЕЛАТЬ.10.Делаем Анимацию без Фотошопа.11.Делаем ПРИВЕТСТВИЕ-ЭПИГРАФ.12.Как открыть закрытую картинку.13.Таблица безопасных цветов.14.Делаем КРАСИВЫЙ ТЕКСТ для оформления дневника.15.Как ЦИТИРОВАТЬ понравившейся ЧУЖОЙ ПОСТ.16.Делаем КЛИКАБЕЛЬНУЮ КАРТИНКУ- ССЫЛКУ.17.Делаем ТЕКСТОВУЮ ССЫЛКУ.18.РЕЙТИНГ БЛОГОВ LiveInternet19.Как вставить ПРОКРУТКУ В ПОСТ.20.Разные СТИЛИ ПРОКРУТКИ для поста.21.Делаем ОКОШКО ДЛЯ КОДОВ.22.Как делать РУБРИКИ и ПОДРУБРИКИ.23.КАРТИНКИ для оформления дневника.24.Как вставить ВИДЕО в дневник.25.Как загрузить МУЗЫКУ к себе в дневник.26.СЧЁТЧИК ПОСЕЩЕНИЙ вашего дневника.27.Делаем СЕРИЮ СООБЩЕНИЙ в виде списка.28.УБИРАЕМ СЕРИЮ сообщений.29.Как делать СХЕМЫ для дневника30.Как поставить в пост или УДАЛИТЬ СХЕМУ31.Как ЗАКРЫТЬ функцию Симпашек и Антипашек.32.Рисунки из символов.33.Разноцветный текст.34.Полезные ссылки для оформления.35.ОФОРМЛЕНИЕ ТЕКСТА в дневнике.36.Картинку вставить через РАДИКАЛ37.Делаем ПРОСТУЮ КНОПКУ для дневника.38.Как делать СПИСКИ В БЛОГЕ.39.Как вставить Картинку в пост.40.Делаем ТАБЛИЦУ С КАРТИНКАМИ(ссылками). 41.Серия сообщений в виде списка42.Убираем СТРЕЛКИ-РАСШИРЕНИЯ с картинок43.ПРОСТЫЕ РАМОЧКИ.Делаем сами.44.Простые Рамки с Заголовком.45.Рамки для выделения текста.46.Как сделать СКРИНШОТ своего КОМПЬЮТЕРА.47.Как УБРАТЬ часть текста ПОД КАТ(спрятать)48.Топ популярных дневников на Лиру.49.Изменяем фотку,картинку с помощью фильтров.50.Какие страны заходят в ваш дневник?51.Делаем движущиеся ПРИВЕТСТВИЕ в дневник.

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 14 - ПОЛНЫЙ СПРАВОЧНИК ПО ЛиРу
Часть 15 - Часики с кодом.
Часть 16 - Как ОФОРМИТЬ ДНЕВНИК.
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
Часть 18 - Надписи для комментариев "+ код
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 13 - ОЧЕНЬ НУЖНЫЙ САЙТ.
Часть 14 - ПОЛНЫЙ СПРАВОЧНИК ПО ЛиРу
Часть 15 - Часики с кодом.
Часть 16 - Как ОФОРМИТЬ ДНЕВНИК.
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Очень нужный сайт

Ирина.М

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 11 - Полезная шпаргалка для оформления текстов.(и др.)
Часть 12 - Огромная HTML-шпаргалка из блога Натальи
Часть 13 - ОЧЕНЬ НУЖНЫЙ САЙТ.
Часть 14 - ПОЛНЫЙ СПРАВОЧНИК ПО ЛиРу
Часть 15 - Часики с кодом.
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Огромная HTML-шпаргалка из блога Натальи

Взяла из блога Натальи: http://blogs.mail.ru/mail/garkina-natali/

Огромная HTML-Шпаргалочка Спасибо   Пример Код     <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ"> При наведении на картинку появляется Окошко-подсказка TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title <a href="ВАША ССЫЛКА"> <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a> Картинка кликабельна и появляется Окошко-Подсказка Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .     HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. HSPACE - Horizontal Space - горизонтальный отступ и VSPACE - Vertical Space - вертикальный отступ. Эти значения можете изменять . <p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"hspace="15" vspace="15" align="left">ВАШ ТЕКСТ</p> Картинка с отступами и выравниванием по левому краю Атрибут align="left" - значит с лева Атрибут align="justify" - значит выравнивать     HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. HSPACE - Horizontal Space - горизонтальный отступ и VSPACE - Vertical Space - вертикальный отступ. Эти значения можете изменять . <p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" hspace="15" vspace="15" align="right">ВАШ ТЕКСТ</p> Картинка с отступами и выравниванием по правому краю Атрибут 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" - значит середина      Стихи писать я не умею, Но мысли изложить могу…  Я просто от тебя балдею     И не во сне, а наяву.   <table align=center border=0> <tr> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> </tr> </table> Текст между двух картинок     … Десяток тополей качают стан, чаруя городок провинциальный. Осенний парк, с площадкой танцевальной, роняет листья в выцветший фонтан. На площади, какой то музыкант, играл на скрипке полонез забытый, Да так, что дождь холодный и сердитый, Почти притих, признав его талант. Прохожие поднявшие зонты толпились, подступали ближе робко. Бросали пятаки ему в коробку, благодаря за звуки красоты. И таял город в свете фонарей, Под звуками мелодии пьянящей И плыл мотив по тишине звенящей, И стали все от музыки добрей… <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> </tr> </table> Картинка между текстом     Рамка растягивается на всю ширину записи . <fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset> Рамка с разрывом Картинки     Добро Пожаловать Рада Вас приветствовать у себя в Блоге <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset> Рамка с разрывом Текста     Таблица в 2 ряда и 2 столбца СМАЙЛИК СМАЙЛИК TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги. TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен. TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег. <table border="1"> <tr> <td>Ряд 1 Ячейка1</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично Атрибут BORDER - задает толщину рамки таблицы в пикселах.     Объединяем верхнии ячейки ШПАРГАЛОЧКИ         Используя эту Формулу можно строить и другие таблицы Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Ряд 2 Ячейка 3   <table border="1"> <tr> <td colspan="2">Ряд 1 Ячейки 1+2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> COLSPAN – определяет количество столбцов , на которые простирается данная ячейка. По умолчанию имеет значение 1.     Объединяем ячейки слева Ячейка 1, Ряд 1+2 Ряд1 Ячейка2 Ряд 2 Ячейка 2 Ячейка 1 Ряд 1+2+3+4 Ряд1 Ячейка2 Ряд 2 Ячейка 2 Ряд 3 Ячейка 2 Ряд 4 Ячейка 2   <table border="1"> <tr> <td rowspan="2">Ячейка 1, Ряд 1+2</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 2</td> </tr> </table> ROWSPAN – определяет количество рядов , на которые простирается данная ячейка. По умолчанию имеет значение 1.     Добавляем атрибут cellpadding и выравниваем таблицу по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки html таблицы и содержащемся в ней материалом.   <table border="4" align="center" cellpadding="10"> <tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек. Возможные значения: left , center , right . Значение по умолчанию – left .     Добавляем атрибут cellspacing и так же таблица по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.   <table border="1" align="center" cellspacing="10"> <tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table>     Если необходимо , можно задать ширину и высоту таблицы Так же таблица расположена по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2   <table border="1" align="center" width="400" height="100"> <tr> <td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td> </tr> <tr> <td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td> </tr> </table> WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала. HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.     Так же можно изменить цвет таблицы - Фон Ряд 1 Ячейка 1 Ряд 1 Ячейка 2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Ряд 1 Ячейка 1 Ряд 1 Ячейка 2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый . <table background="АДРЕС ФОНА СТРОКА С РАДИКАЛА №1" border=2 align="center" > <tr> <td>Ряд 1 Ячейка 1</td> <td>Ряд 1 Ячейка 2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.     Нумерованный список НАЗВАНИЕ СПИСКА Строка Строка Строка Цвет определяете сами <OL>НАЗВАНИЕ СПИСКА <LI>Строка <LI>Строка <LI>Строка </OL> Нумерованный список определяется - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер. Заметим, метка <LI> непарная - т.е. метки </LI> не существует.     Ненумерованный список НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4 Ненумерованный список определяется метками <UL></UL>   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 1<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 2<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 3<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 1<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 2<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 3<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 1<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 2<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 3<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4 <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 1<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 2<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 3<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 4<BR> </UL>     Пример простого ненумерованного списка Название Списка Строка 1 Строка 2 Строка 3   <UL>Название Списка <LI>Строка 1 <LI>Строка 2 <LI>Строка 3 </UL> Ненумерованный список определяется метками <UL></UL>       Делаем сами Кнопочку ЖМИТЕ Загляните   <form action="АДРЕС ССЫЛКИ" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align=absMiddle> ВАШ ТЕКСТ</button></form>

Елена-рыбка

Серия сообщений "HTML начинающим и не только":
Часть 1 - Html для начинающих ( часть 2-ая)
Часть 2 - Всё о HTML...начинающим и не только...
...
Часть 11 - Учебник по Html для чайников
Часть 12 - Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.
Часть 13 - Огромная HTML-шпаргалка из блога Натальи

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 10 - Текстовые теги на Ли.Ру
Часть 11 - Полезная шпаргалка для оформления текстов.(и др.)
Часть 12 - Огромная HTML-шпаргалка из блога Натальи
Часть 13 - ОЧЕНЬ НУЖНЫЙ САЙТ.
Часть 14 - ПОЛНЫЙ СПРАВОЧНИК ПО ЛиРу
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Полезная шпаргалка для оформления текстов.(и др.)

Если вам лениво комментировать, жмите "нравится". Спасибо.

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

<u>Ваш текст</u> -  Ваш текст;

<s>Ваш текст</s> - Ваш текст; 

<b>Ваш текст</b> - Ваш текст;

<i>Ваш текст</i> - Ваш текст; 

&nbsp; &nbsp; &nbsp; &nbsp; - пробел;

<br/> - перенос по строке вниз;

<center>Текст</center> - текст по центру.

Таблица:

<table border=0 wight=52%> - начало таблицы;

<tr> - начало строки;

</tr> - конец строки;

<td> и </td> - между этими символами заключается одна ячейка таблицы;

</table> - конец таблицы.

  Подробнее о таблицах здесь

  Ссылки:<a href="URL СТРАНИЦЫ"> ВАШ ТЕКСТ</a>

<a href="URL СТРАНИЦЫ"><img src="URL КАРТИНКИ"></a> - кликабельная картинка,

<a href="URL СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> - ссылка откроется в новом окне.
   подробнее читать здесь

  Окошко для вставки кода:
1.<textarea rows="2" cols="60"> ВАШ КОД </textarea> ,где cols - ширина окошка в px, а rows - число строк в окне.

2.<input size="35" value="Ваш код"h-text"><div class="b-text"
подробнее читать здесь

 Кат текста: <cut text="Читать далее">Основной текст </cut>
подробнее читать здесь

Шрифт, размер, цвет текста: <span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span>
подробнее читать здесь 

  Кнопка:  

<a href="Ссылка"><input type="submit" value="Надпись на кнопке" /></a>

Обтекание картинки тектом:
 

<img src="http:…" align=left hspace=20 vspace=20>

  Цвета HTML:

 Подробнее о HTML:

Принципы HTMLГотовые кодыШрифты HTMLКрасивый текстЦвета HTMLFlash по цветамТаблица HTMLКопир. изобр-язащита изобр-яредактор HTMLБродилкаПишем на изобр-и

источник:
http://natalya84i.blogspot.com/2010/07/html_2182.html

Серия сообщений "НОВИЧКАМ первые шаги на ЛиРУ":

Часть 1 - Полезная шпаргалка для оформления текстов.(и др.)
Часть 2 - Классная флешка для новичков и не только.
Часть 3 - Таблица цветов в цифрах и буквах.
...
Часть 13 - Про эти клавиши клавиатуры Вы должны знать!
Часть 14 - Шаблон сообщения. Новичкам самым новым.
Часть 15 - Новичкам. Кликабельная ссылка в тексте. Как ее увидеть?

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 9 - Серебристые разделители. Монро-дизайн.
Часть 10 - Текстовые теги на Ли.Ру
Часть 11 - Полезная шпаргалка для оформления текстов.(и др.)
Часть 12 - Огромная HTML-шпаргалка из блога Натальи
Часть 13 - ОЧЕНЬ НУЖНЫЙ САЙТ.
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты

Серебристые разделители. Монро-дизайн.

Серебристые разделители

взято у Монро-дизайн
1 2
34
5
6
7
8
9
1011
1213
14
еще серебристые украшения без фона и с кодом

Если нажал НРАВИТСЯ, этот текст прочтут друзья в ленте новостей.

Серия сообщений "оформление":
Часть 1 - Без заголовка
Часть 2 - Рамки с кодами для вас...
...
Часть 7 - Как сделать кликабельную ссылку.
Часть 8 - ЗАНИМАТЕЛЬНО И ГИПНОТИЧНО.
Часть 9 - Серебристые разделители. Монро-дизайн.
Часть 10 - Текстовые теги на Ли.Ру
Часть 11 - Полезная шпаргалка для оформления текстов.(и др.)
...
Часть 26 - Делаем простые часики!
Часть 27 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 28 - Делаем из видео аватор за 2 минуты