LiveInternet <a class="gl_Topv2-logo-lnk" href="//www.liveinternet.ru/" title="LiveInternet.ru">LiveInternet

все для днева/вставляем музыку

Метки: коды

Комментарии (1)

HTML5 для ЛиРу - коды плееров

Четверг, 05 Апреля 2018 г. 16:37 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

HTML5 для ЛиРу - коды плееров

Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных, просто опубликую HTML5 "коды" основных плееров. Очень кратко, на вопросы отвечать не буду. Сразу скажу, что коды могут быть не обязательно вот прямо точь в точь такими. Если интересны подробности, почитайте в учебниках или справочниках по HTML5 про теги "audio" и "video".

Коды тут

Рубрики:

полезности/от ROST

Метки: HTML коды

Комментарии (12)

Бегущая строка из картинок или текста.

Суббота, 28 Ноября 2015 г. 12:48 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Бегущая строка из картинок или текста

Тег marquee - Бегущая строка

Тег marquee создает бегущую строку на странице и позволяет перемещать по ней любые элементы — изображения, текст и т.д.
Пример:

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

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

Ок! Кажется так сложно в начале, а в итоге всё так просто.

Вместо картинок можно писать текст, оформив его атрибутами текста, как обычно.

Серия сообщений "Памятка для Лиру":
Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
Часть 3 - Рамки для текста
...
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 11 - Программа для скачивания музыки с Лиру
Часть 12 - Урок по созданию музыкальной открытки

Рубрики:

Метки: пишем красиво

Комментарии (6)

Коды ссылок, все вместе

Четверг, 01 Октября 2015 г. 21:53 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Все о ссылках, оформление и коды.

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

ЗДЕСЬ МОЙ ДНЕВНИК МОЙ ДНЕВНИК ШАДРИНА ГАЛИНА

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.

Рубрики:

все для днева/оформляем пост

Метки: HTML коды

Комментарии (9)

Полезные теги HTML и редакторы онлайн

Суббота, 08 Августа 2015 г. 20:19 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Полезные теги HTML и редакторы онлайн

Эта запись представляет собой рабочий материал для работы с записями, постами

в блог, изучение языка разметки гипертекста, изучение создания вебстраниц.

Некоторые полезные теги HTML

Данные теги я предлагаю без комментариев и помощи по использованию,

некоторые из предложеных формул для более опытных пользователей.

НО... Я КАК И ПРЕЖДЕ СЧИТАЮ, ЧТО УЧИТЬСЯ ЯЗЫКУ РАЗМЕТКИ

ПРОСТО НЕОБХОДИМО МЕТОДОМ ПРОБ, ОШИБОК И "ТЫКА"

Выравнивание по центру

Выравнивание текста по ширине

<center><h3></h3></center>Заголовки

<blockquote></blockquote> задают отступы или для оформления цитаты

<img src="filename.jpg" width="90" height="100" border="0" alt="Image Loading..."> вставка картинки

Гиперссылка <a href=""></a>

Гиперссылка <a href="" target="_blank"></a>

Вставка звукового или видео файла, или флеша <embed src="*.avi" width="" height="" autostart=true>

Вставка фонового звука <bgsound src="" loop=1>

<BaseFont Size="3"> базовый шрифт

<address></address> отображают текст в формате адреса

Цитата или сноска <cite></cite>

Текст, заключенный между тэгами и , будет гарантированно располагаться в одной строке
без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать
горизонтальную полосу прокрутки.

<>

Параграф §

Пробел  

Далее несколько сайтов с редакторами HTML online

Выбирайте удобный для вас сервис и пользуйтесь!

©SBlavat™

Рубрики:

Метки: полезности html коды

Комментарии (2)

Формулы в блог.

Понедельник, 15 Июня 2015 г. 22:20 + в цитатник
Это цитата сообщения ЕЛАНОЧКА [Прочитать целиком + В свой цитатник или сообщество!]

Формулы в блог.

***©Surge Blavat "ECLETTICO"

Помощь блоггеру_продолжение записей о формулах

Формулы в блог. Помощь блоггеру

Продолжаю писать о формулах и кодах для блога.
Я уже писал о формулах тут

Рассказывал о разметке гипертекста здесь

Вот еще часть формул

Продолжение...

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

® ™ © & ∞ § ♂ ♀

Простая табличка. Формула может вами изменяться.

текст
текст	текст	текст	текст
текст	текст	текст	текст
текст	текст	текст	текст

Между этими тегами (смотрите внизу) пишем текст и он будет в простой рамке

<FIELDSET>Пишем здесь</FIELDSET>

Ниже приведен очень интересный тег, вернее 2 тега.
Это написание текста ступеньками, можно рисовать с помощью этого тега символами.
Можно писать стихи и еще многое другое. Только фантазия и еще раз фантазия!

Используем вот такие теги

<pre>Пишем текст</pre>

и теги красной строки

<blockquote>Красная строка</blockquote>

Это формула кликабельных кнопок.
Тут надо аккуратно использовать формулу. Размер кнопок изменяется
по количеству букв в словах.

Рамки с разрывом для картинки вверху слева и справа
/blogs.mail.ru/cgi-bin/journal/%D0%9A%D0%9E%D0%94%20%D0%9A%D0%90%D0%A0%D0%A2%D0%98%D0%9D%D0%9A%D0%98"" target="_blank">http://blogs.mail.ru/cgi-bin/journal/%D0%9A%D0%9E%...%D0%98%D0%9D%D0%9A%D0%98" width="700" border="0" align="absmiddle">ТЕКСТ" type="text" />

Вот этими формулами, в основном, я пользуюсь.
Конечно, формулы составлены не мной, некоторые просто изменял,
много взято просто их учебников по HTML.

И, главное, хочу напомнить и довести до сведения, что
у формул и кодов есть авторы, но это совсем не блоггеры!
Блоггер может только несколько изменить формулу.
Авторы формул - специалисты по разметке гипертекста, то есть HTML
и основатель "языка блоггеров" - Тим Бернерс-Ли

И еще замечательный ресурс по редактированию
ФОРМУЛ HTML

Думаю, что продолжение последует. Удачи всем!

©Surge Blavat "ECLETTICO"

Рубрики:

Метки: полезности html коды

Комментарии (0)

Коды цветов на HTML

Понедельник, 09 Марта 2015 г. 13:59 + в цитатник
Это цитата сообщения Veta-z [Прочитать целиком + В свой цитатник или сообщество!]

Коды цветов на HTML и названия палитры цветов

Рубрики:

Метки: HTML коды

Комментарии (5)

Красивое разворачивание картинки в постах и рамках.

Понедельник, 24 Ноября 2014 г. 17:51 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Красивое разворачивание картинки в постах и рамках

Картинка, как и текст, может тоже появляться в движении, это выглядит красиво и оригинально, особенно при оформлении рамок и постов. Например вот так.

>

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 25 - Рамка для блога, имитирующая картину.
Часть 26 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 27 - Красивое разворачивание картинки в постах и рамках

Рубрики:

Метки: работа с картинками

Комментарии (1)

Формулы таблиц для картинок с окошками.

Понедельник, 28 Июля 2014 г. 15:15 + в цитатник
Это цитата сообщения undina77 [Прочитать целиком + В свой цитатник или сообщество!]

ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ

Как сделать таблицу для нескольких картинок,чтобы она выглядела так:

<a href="http://smiles.33bru.com/smile.162992.html" target="_blank"><img src="http://s19.rimg.info/42e4f0aeff54b5314954aee5eb5594e8.gif" border="0" /></a>	<a href="http://smiles.33bru.com/smile.162988.html" target="_blank"><img src="http://s19.rimg.info/f8dc910f3da91715a7471bf5c9989a00.gif" border="0" /></a>
<a href="http://smiles.33bru.com/smile.162987.html" target="_blank"><img src="http://s19.rimg.info/38e895dc716316fe085dca984ea99fc0.gif" border="0" /></a>	<a href="http://smiles.33bru.com/smile.162985.html" target="_blank"><img src="http://s19.rimg.info/8debdc0c2ee21a72650064b65e235dbc.gif" border="0" /></a><br />

Рубрики:

Метки: HTML коды

Цветовые коды HTML

Пятница, 02 Мая 2014 г. 14:27 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Цветовые коды HTML для оформления дневника.

Безопасная палитра это список цветов, которые одинаково отражаются всеми операционными системами. Если вы не различаете цвета, обратитесь к разделу Названия цветов HTML для выбора цвета.

SvetlanaT

Рубрики:

1. Шпаргалочка по тегам № 2

Метки: полезности html коды

Шпаргалочка по тегам

Вторник, 29 Апреля 2014 г. 21:09 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

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

Рубрики:

Метки: полезности html коды

Курсоры для браузера Опера

Вторник, 29 Апреля 2014 г. 20:18 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Курсоры для браузера Опера

Мне тут

Валентина_999 дала список кодов курсоров для браузера Опера, Гугл Хром, Мозилла. По крайней мере у меня они видятся. А вот Эксплоэр их НЕ видит, зато видит курсоры отсюда: http://www.liveinternet.ru/users/ka82/post100396162/

ЧТОБЫ БЫЛО ВИДНО НАВЕРНЯКА КОПИРУЙТЕ СРАЗУ ДВА КОДА (один в другой), НО: СНАЧАЛА С ОКОНЧАНИЕМ auto (это в этом посте, ниже), а потом где расширение .ani (это в том, другом посте)
По крайней мере это у меня видят и Опера, и Эксплоэр. А у вас?
ВАШ ТЕКСТ

Итак, здесь: общий код вставки для курсоров ниже:
ВАШ ТЕКСТ

КУРСОРЫ
Вставить курсор в свою запись очень просто. Копируете нужный код из окошечка и ВМЕСТО слов "ТЕКСТ ИЛИ КОД" вставляете ... свой текст или код поста или код рамочки.
Чтобы увидеть как выглядит сам курсор, наведите свой курсор на название.

РозочкаТекст или код СердечкоТекст или код ЦветочекТекст или код 

УголокТекст или код ДельфинТекст или код ДельфинчикТекст или код 

БабочкаТекст или код БабочкаТекст или код БабочкаТекст или код 

Божья коровкаТекст или код рамочки Ветка черёмухиТекст или код рамочки Веточка сакурыТекст или код рамочки

Вишня в шоколадеТекст или код рамочки ЖасминТекст или код рамочки КапелькаТекст или код рамочки

КотёнокТекст или код рамочки ЛистикТекст или код рамочки ЛистикТекст или код рамочки

Морской конёкТекст или код рамочки РакушкаТекст или код рамочки РыбкаТекст или код рамочки

Осенний листикТекст или код рамочки ПодснежникТекст или код рамочки СиреньТекст или код рамочки

ФиалкаТекст или код рамочки ПтичкаТекст или код рамочки ПтичкаТекст или код рамочки

МишкаТекст или код рамочки ЩенокТекст или код рамочки ГномикТекст или код рамочки

Рубрики:

Метки: полезности html коды

Редкие символы с тегом написания

Пятница, 25 Апреля 2014 г. 21:47 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Редкие символы с тегом написания

Много символов с тегами, но мелко написано http://www.liveinternet.ru/users/ka82/post163720563/

Редкие символы

✐	✐	карандаш	▲	▲	треугольная стрелка вверх
✑	✑	перо	▼	▼	треугольная стрелка вниз
✒	✒	перо	►	►	треугольная стрелка вправо
✓	✓	галочка	◄	◄	треугольная стрелка влево
✔	✔	галочка	■	■	квадрат закрашенный
✖	✖	крестик	□	□	квадрат
✗	✗	крестик	●	●	круг закрашенный
✘	✘	крестик	○	○	круг
✡	✡	еврейская звезда	☀	☀	солнце
✪	✪	звезда	☁	☁	облако, туча
✫	✫	звезда	☂	☂	зонт
&#10028	✬	звезда	☃	☃	снеговик
&#10031	✯	звезда рельефная	★	★	звезда
✰	✰	3-d звезда	☆	☆	звезда
✿	✿	цветок	☼	☼	солнце
✾	✾	цветок разноцветный	☽	☽	растущий месяц
❀	❀	красивый цветок	☾	☾	убывающий месяц
✽	✽	цветок	☎	☎	телефон
✹	✹	многоугольник	☏	☏	телефон
✸	✸	многоугольник	☐	☐	пункт
✷	✷	многоугольник	☑	☑	активный пункт, галочка
✶	✶	шестиугольник	☒	☒	активный пункт, крест
❄	❄	снежинка	☓	☓	крест
❅	❅	снежинка	☠	☠	череп и кости
❆	❆	снежинка	☪	☪	мусульманский символ
✎	✎	карандаш	☭	☭	серп и молот
✉	✉	письмо	☯	☯	инь и янь
✍	✍	пишущая рука	☹	☹	грустный смайл
✆	✆	телефон	☺	☺	веселый смайл
✄	✄	ножницы	☻	☻	веселый смайл
✂	✂	ножницы	♀	♀	женщина
❥	❥	сердце	♂	♂	мужчина
❦	❦	сердце-узор	♩	♩	Четвертная нота
❛	❛	одиночная кавычка	♪	♪	Восьмая
❜	❜	одиночная кавычка	♫	♫	две восьмые
❝	❝	двойная кавычка	♬	♬	шестнадцатая
❞	❞	двойная кавычка	♭	♭	бемоль
❍	❍	шар	♮	♮	бекар
❒	❒	куб	♯	♯	диез

Так как эти символы являются сложными и мелкими, то лучше их вставлять,
изменяя рамер. Для этого воспользуйтесь формулой:

 Коды символов

или

 Код символа 

Например, ✑ Получится: ✑

Источник

Серия сообщений "Кодировщик":
Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 21 - Новостная бегущая строка для дневника, сайта
Часть 22 - Далее (текст под кат) Читать (смотреть) далее
Часть 23 - Редкие символы с тегом написания
Часть 24 - Шрифты (надеюсь ваш браузер отображает все перечисленные)
Часть 25 - Кнопочки делаем :)
Часть 26 - Таблицы делаем

Рубрики:

Метки: полезности html коды

HTML коды

Четверг, 24 Апреля 2014 г. 22:10 + в цитатник
Это цитата сообщения принцеска_1 [Прочитать целиком + В свой цитатник или сообщество!]

HTML коды

Часть 1 - оформление постов, текстов
Часть 2 - справочник по HTML
Часть 3 - Тэги на ЛиРу
Часть 4 - Кладезь ссылок
Часть 5 - Полезные коды для днева
Часть 6 - Красивые тексты для блога
Часть 7 - Основные HTML теги
Часть 8 - Ставим бродилку в блог
Часть 9 - Коды для блога, от Юлии Чагиной
Часть 10 - Очень нужные тэги для постов
Часть 11 - Эпиграф, пост с прокруткой
Часть 12 - HTML шпаргалка, большая
Часть 13 - ВВ коды на ЛиРу
Часть 14 - HTML коды для блогв
Часть 15 - Всплывающие картинки и курсор из своего фото
Часть 16 - УРОКИ HTML
Часть 17 - Теги работающие на ЛиРу
Часть 18 - Уроки HTML
Часть 19 - Теги работающие на ЛиРу
Часть 20 - Всё для днева и не только, html !!!
Часть 21 - HTML-шпаргалка
Часть 22 - Полезные теги HTML и редакторы онлайн
Часть 23 - Видео-уроки: HTML
Часть 24 - Что такое HTML - урок 2 и 3.
Часть 25 - Все УРОКИ по Ли ру от Putniza Strannaja
Часть 26 - Генератор таблиц-онлайн всех HTML кодов
Часть 27 - Текст с прокруткой
Часть 28 - Приветствие в виде слайд—шоу на Лиру
Часть 29 - HTML для чайников/подборка уроков
Часть 30 - Уроки HTML/часть2
Часть 31 - Ставим картинки по краям текста.
Часть 32 - писок всех тегов HTML с описанием
Часть 33 - Располагаем картинки и текст.
Часть 34 - Как расположить в посте картинки с текстом?
Часть 35 - Оформление текста и картинок в дневнике.
Часть 36 - Коды для постов

Рубрики:

Метки: полезности html коды

Как сделать окошко для кодов?

Понедельник, 14 Апреля 2014 г. 21:50 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

Рубрики:

_Список шрифтов для использования в HTML-коде_

все для днева/окошки

Метки: полезности html коды окошки

Шрифты, HTML-коды / примеры с кодами

Четверг, 03 Апреля 2014 г. 15:05 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

Шрифты, HTML-коды / примеры с кодами

В своих постах мы иногда используем разные шрифты (в панели спецкодов их 4),
некоторые используют до десятка-полутора шрифтов, но их намного-намного больше.
Дам вам СПИСОК ШРИФТОВ, где их более 100 и дам коды некоторых примеров.

_ШРИФТЫ + КОДЫ_

Monotype Corsiva

Georgia

MS Mincho

Comic Sans MS

Garamond

Wingding

Times New Roman

Courier New

_ОБЩИЙ ПРИНЦИП_

Задать размер текста можно двумя способами:
отличный от обычного (±1, ±2,..) или размер текста в рх

Код цвета можно задавать:
буквенным написанием или кодом-HTML

Выбрать ШРИФТ можете из таблицы ниже.
Скопировав его, вставьте в код вместо слов "выбранный ШРИФТ".

Рубрики:

Метки: пишем красиво

HTML

Понедельник, 20 Января 2014 г. 14:35 + в цитатник
Это цитата сообщения LiSu [Прочитать целиком + В свой цитатник или сообщество!]

HTML

Центровка	Картинка слева от текста
Картинка справа от текста	Картинки по бокам от текста
Текст по бокам картинки	Бегущая строка
Подпись	Окошко под код
Баннер	4 картинки в ряд
Выпадающий список	Текст с прокруткой
Фш разрезная рамочка	Рамочка с разрывом
Размер картинки	Таблица из двух столбцов
Текст на картинке	Текст в 2 столбика

Рубрики:

Метки: HTML

Коды для постов

Дневник

Суббота, 04 Января 2014 г. 16:11 + в цитатник

Этот пост для тех, кому нравятся вот такие рамочки с разрывом для вставки картинки или текста, например темы поста или названия. С применение своего фона к каждой рамке. Разрыв в рамке с ПРАВОЙ стороны.
>

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

Рубрики:

Оформление текста и картинок в дневнике.

Суббота, 21 Декабря 2013 г. 21:08 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Оформление ТЕКСТА в дневнике.

Предлагаю вот такое оформление Текста для ваших постов.
Этим текстом можно оформить ЭПИГРАФ дневника.
Копируйте нужный вам код и вставляйте к себе в дневник.
Только в коде вместо слов ВАШ ТЕКСТ пишите свой.

ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

Метки: работа с картинками

Располагаем картинки и текст.

Дневник

Среда, 18 Декабря 2013 г. 21:24 + в цитатник

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

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

Рубрики:

Метки: работа с картинками

писок всех тегов HTML с описанием

Пятница, 29 Ноября 2013 г. 11:52 + в цитатник
Это цитата сообщения Silvestr [Прочитать целиком + В свой цитатник или сообщество!]

Список всех тегов HTML с описанием

Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.

HTML справочник - дескрипторы и их атрибуты

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 16 - Ссылки и кнопки в HTML.
Часть 17 - Список всех тегов HTML с описанием
Часть 18 - Список всех тегов HTML с описанием
Часть 19 - Женя Попов сошел с ума!
Часть 20 - Оптимизация картинок. Зачем?
...
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога
Часть 24 - Защити свой сайт!

Рубрики:

Метки: полезности html коды

Комментарии (23)

Ставим картинки по краям текста.

Дневник

Четверг, 28 Ноября 2013 г. 01:38 + в цитатник

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

Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате выглядит вот так

Но когда мы перейдем в режим HTML, наша картинка превратится в коды и будет выглядеть вот так.

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

Рубрики:

Метки: работа с картинками

Уроки HTML/часть2

Суббота, 10 Августа 2013 г. 16:32 + в цитатник
Это цитата сообщения Prudent [Прочитать целиком + В свой цитатник или сообщество!]

Учимся вместе. Уроки HTML/часть2

Уроки HTML Содержание: Введение. Что просматривает браузер 1 .Теги, структура HTML документа Теги Структура HTML страниц Head Упражнение 2 .Форматирование текста Шрифты: гарнитура, размер, цвет Оформление текста Заголовки Теги переноса строки и форматирования абзаца Выравнивание текста Упражнение

Рубрики:

Метки: полезности html коды

Комментарии (0)

HTML для чайников/подборка уроков

Четверг, 01 Августа 2013 г. 13:23 + в цитатник
Это цитата сообщения Prudent [Прочитать целиком + В свой цитатник или сообщество!]

HTML для чайников/подборка уроков

HTML для чайников

Для тех кто хочет учиться, много полезной информации. Подробные уроки по html

Prudent

Рубрики:

Метки: полезности html коды

Комментарии (0)

Приветствие в виде слайд—шоу на Лиру

Воскресенье, 28 Июля 2013 г. 11:18 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Приветствие в виде слайд—шоу на Лиру

Идей использования слайд—шоу несколько.
Во первых можно сделать в ваш эпиграф небольшой
анонс ваших постов или Приветствие.
Используя это слайд—шоу, как в ТЕКСТОВОМ варианте, так и в ГРАФИЧЕСКОМ.
Делаем так:
В нужные теги (которые я выложу чуть ниже) загружаем свою КАРТИНКУ или пишем ТЕКСТ.
Если у вас большой текст например или много картинок, а вы не умеете убирать их ПОД КАТ
или не хотите это делать.
То можно использовать СЛАЙД-ШОУ.
И вам не придётся ничего сворачивать и убирать.

Покажу на примерах:
Начнём с варианта ПРИВЕТСТВИЯ.
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

Метки: пишем красиво

Текст с прокруткой

Дневник

Вторник, 16 Июля 2013 г. 22:53 + в цитатник

По просьбам читателей, расскажу как сделать свой пост с прокруткой текста. Если тест большой, а убирать под кат вам его не хочется. Можно сделать например вот так.

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

Рубрики:

все для днева/прокрутки

Метки: прокрутки

Комментарии (8)

Генератор таблиц-онлайн всех HTML кодов

Среда, 03 Июля 2013 г. 22:09 + в цитатник
Это цитата сообщения Zirgelis [Прочитать целиком + В свой цитатник или сообщество!]

Генератор таблиц-онлайн всех HTML кодов

Рубрики:

все для днева/делаем таблицу

Метки: полезности html коды

Комментарии (2)

Что такое HTML - урок 2 и 3.

Четверг, 25 Апреля 2013 г. 19:55 + в цитатник
Это цитата сообщения zerno-Ros [Прочитать целиком + В свой цитатник или сообщество!]

Что такое HTML - урок 2 и 3. Видео HTML с нуля

Итак, вместе изучаем язык HTML, столь необходимый человеку, покоряющему интернет-пространство.

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

1 снег-девушка-ожидание_XL (562x424, 741Kb)

1 снег-девушка-ожидание_XL (562x424, 741Kb)

Судя по тому, что прошлый урок "HTML с нуля" процитировали 200 человек, информация востребованная.

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

Рубрики:

Метки: HTML коды

Комментарии (4)

Видео-уроки: HTML

Четверг, 25 Апреля 2013 г. 19:54 + в цитатник
Это цитата сообщения zerno-Ros [Прочитать целиком + В свой цитатник или сообщество!]

Что такое HTML. Видео-уроки: HTML с нуля

Как мне не хочется изучать язык HTML, однако вести блог и не знать хотя бы азов - невозможно. Не хочу (!!!) -

но придется.

леопард_И разнежился я на горячем солнышке, будто кот Васька на завалинке (700x525, 135Kb)

Кайфующий, ленивый леопард. © Автора укажу после того, как найду его имя в Гугле.

Итак, видео-урок №1. Читать далее...

Рубрики:

Метки: HTML коды

Комментарии (17)

Полезные теги HTML и редакторы онлайн

Среда, 10 Апреля 2013 г. 12:28 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Полезные теги HTML и редакторы онлайн

Эта запись представляет собой рабочий материал для работы с записями, постами

в блог, изучение языка разметки гипертекста, изучение создания вебстраниц.

Некоторые полезные теги HTML

Данные теги я предлагаю без комментариев и помощи по использованию,

некоторые из предложеных формул для более опытных пользователей.

НО... Я КАК И ПРЕЖДЕ СЧИТАЮ, ЧТО УЧИТЬСЯ ЯЗЫКУ РАЗМЕТКИ

ПРОСТО НЕОБХОДИМО МЕТОДОМ ПРОБ, ОШИБОК И "ТЫКА"

Выравнивание по центру

Выравнивание текста по ширине

<center><h3></h3></center>Заголовки

<blockquote></blockquote> задают отступы или для оформления цитаты

<img src="filename.jpg" width="90" height="100" border="0" alt="Image Loading..."> вставка картинки

Гиперссылка <a href=""></a>

Гиперссылка <a href="" target="_blank"></a>

Вставка звукового или видео файла, или флеша <embed src="*.avi" width="" height="" autostart=true>

Вставка фонового звука <bgsound src="" loop=1>

<BaseFont Size="3"> базовый шрифт

<address></address> отображают текст в формате адреса

Цитата или сноска <cite></cite>

Текст, заключенный между тэгами и , будет гарантированно располагаться в одной строке
без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать
горизонтальную полосу прокрутки.

<>

Параграф §

Пробел  

Далее несколько сайтов с редакторами HTML online

Выбирайте удобный для вас сервис и пользуйтесь!

©SBlavat™

Рубрики: