-Рубрики

 -Фотоальбом

Посмотреть все фотографии серии семья
семья
00:54 13.02.2016
Фотографий: 1

 -Поиск по дневнику

Поиск сообщений в эжейни

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.12.2013
Записей: 2932
Комментариев: 6990
Написано: 17393

Выбрана рубрика HTML начинающим и не только.


Другие рубрики в этом дневнике: Япония.(15), Юмор, сатира, приколы(182), ЮМОР и ПРИКОЛЫ(3), юмор(3), Это интересно(1), Цветы(96), Художники, живописцы(32), Фрукты, ягоды(35), Франция(9), фотошоп(17), Фотографии.(163), ФОТО(1), Формулы(5), Флэшки(50), Флеш-открытка(9), Флеш-материал(44), Флеш(71), Уроки от Любаши К(76), Уроки Ларисы Гурьяновой(30), Уроки Галины Шадриной(30), Уроки Владимира Шильникова(26), Уроки Surge Blavat(6), Уроки Rost(22), Уроки Jorjorych(28), Уроки(72), Упражнения(37), Улыбнёмся(1), Украина(15), Танцы(32), США(8), Страна должна знать своих Героев.(6), Стихи(179), Старый добрый шлягер(11), Ссылки(11), СССР(16), Спорт. танцы(1), Смешно и не очень(1), Сладкие заготовки(8), Салаты / с майонезом(1), Сад, огород(43), Рыба(2), Россия (75), Родина моя(1), РЕЦЕПТЫ ЗДОРОВЬЯ(1), РЕЦЕПТЫ БЛЮД / Соусы, заправки(1), РЕЦЕПТЫ БЛЮД / Консервирование, заготовки на зиму(1), Рецепты(8), Религия(1), Растения; их болезни и вредители(21), Рамки, рамочки, схемы(56), Рамки / Мои рамки(1), Путешествия(2), Птицы, змеи, насекомые(17), Психология, психотерапия(4), Проза(1), Продукты, специи(16), Программы и приложения(16), Причёски(13), Природа России, мира. Заметки натуралиста(1), Природа(66), Приметы(1), Предсказания(0), Праздники, поздравления(201), Праздники / летние все коллажи(1), Православные праздники(83), Поэты, композиторы(72), Поэзия(46), Помним, скорбим(69), Политика, экономика(28), Полезные советы(191), Полезности(11), Познавательно(60), Позитив(131), ПОЗДРАВЛЕНИЕ ДРУЗЕЙ/*Мои поздравления(1), Погода(4), По России(1), Плейлисты(30), Плейкаст(28), Плееры(29), Писатели, журналисты(14), Песни для души(75), Памятка начинающему блогеру(8), Открытки(99), ОСЕНЬ(5), Осень(106), Осенние мотивы-**(1), Осенние мотивы*(1), Окно в природу(1), Овощи(97), Общий отдел(1), О моём родном городе, селе,области(14), О женщине(60), О войне(29), Новый год, Рождество(1), Новости, события(47), Нетрадиционные методы и способы лечения(19), Натюрморты(16), Народная медицина.(117), НАДПИСИ, ТЕКСТ(1), МУЗЫКА(1), Музыка (221), Мужчина и женщина(22), Мудрость, притчи, афоризмы,суеверия(43), Моя семья(3), Моим друзьям(261), Мои работы фотошоп(1), Материалы на разные темы. Короткие сюжеты, фрагмен(1), Мастер класс(7), Массаж(14), Любимые песни и мелодии.(428), Любимые актёры, певцы, музыканты(444), Личное(1), ЛИТЕРАТУРА /СТИХИ ДЛЯ ДУШИ(0), Литература(2), Лето(46), Лекарственные травы:народная медицина / Лечебная к(1), Лекарственные травы: народная медицина./Народная м(0), Лекарственные растения,плоды,семена (103), Лекарства(21), Культура и религия(14), КУЛИНАРНЫЕ РЕЦЕПТЫ /=крупы, грибы, овощи= овощи, г(1), КУЛИНАРНЫЕ РЕЦЕПТЫ /= национальные блюда(1), Кулинария(49), Крупы, бобовые, изделия из круп(6), Красота (78), Коронавирус(1), Копилка(22), Концерты(19), Консервирование(39), Компьютер, ноутбук, телефон(120), Комнатные цветы(26), КОЛЛАЖИ МОИ РАБОТЫ / Море(1), Коллажи(13), Коды(67), Клип(14), Китай, Корея(12), Кино, театры, режиссёры(72), Картины,картинки(77), Календари, часы(39), Казахстан(11), Йога - тянись, дыши, живи(19), Италия(5), История(161), Искусство(65), Ирина Самарина - Лабиринт(1), Интернет(10), Интересно(117), Индия(2), Известные и знаменитые(1), Знаменитости(29), Зима(74), Здоровье, гигиена(268), ЗДОРОВЬЕ(2), Звёзды "В музыкальной гостиной"(1), Жизнь, как чудо(1), Животные(41), Живопись(38), Женские штучки(12), Духовность и религия; семья(87), Домоводство(13), Домашние вина, напитки(30), Долголетие(12), Для ЛиРу(101), Для дневника.(189), Деревья, кустарники(8), Грибы-сбор,засолка,консервирование(20), Гороскоп, астропрогноз(0), Города (29), Гипертоникам(21), Германия, Польша(2), Генераторы(26), ВРЕМЕНА ГОДА / Осеннее(1), ВРЕМЕНА ГОДА / Зимнее(1), Военные песни(19), Видеорецепты / про салаты(1), Видеомузыка(367), ВИДЕО - ФИЛЬМЫ./ СТИХИ(1), Видео(166), Весна(53), В память о ........(1), Браузер(43), Болезни (115), Без политики. Разные темы(1), Аудиозапись(47), Анимация(87), Анекдот / Юмор(1), Англия, Австралия(4), Актуальное / живая память народа(1), Авторские программы, работы(107), TY Кино и Подмостки(1), (0), (633)

Привет, HTML5!

Суббота, 03 Февраля 2018 г. 14:34 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

Привет, HTML5!

Добрый день! Честно говоря, что-то не понял, какая проблема с музыкальными файлами с сайта "privet.ru".

Вот же всё играет:


Код плеера - такой же, как и для любого другого аудио. Вот смотрите исходный код примера сами:
<audio controls="controls" src="http://stat17.privet.ru/mp3/09275969e71837755e0e77ed2fe51fa7" type="audio/mpeg"></audio>

Как взять ссылку на файл с "привета", читайте в сообщении "Используем музыку с сайта "privet.ru" в других плеерах".

Ранее на эту тему:
  • HTML5 для ЛиРу - коды плееров
  • Рубрики: 
    Плееры
    Музыка
    Коды
    HTML начинающим и не только
    Уроки Rost

    Метки:  

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

    Суббота, 03 Февраля 2018 г. 12:35 + в цитатник
    Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

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

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

    Коды тут
    Рубрики:  Видео
    Плееры
    Для ЛиРу
    Коды
    HTML начинающим и не только
    Открытки
    Уроки Rost
    Аудиозапись

    Метки:  

    Тест: какой будет моя осень?

    Дневник

    Пятница, 02 Сентября 2016 г. 22:07 + в цитатник
    Рубрики:  Праздники, поздравления
    HTML начинающим и не только
    Осень

    Метки:  

    Как правильно вставлять код в окошко для кодов.

    Пятница, 29 Января 2016 г. 23:36 + в цитатник
    Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

    Как правильно вставлять код в окошко для кодов.
     


    1223222399_gifs_divers.gifМногие сталкиваются с проблемой, особенно на ЛиРу, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики" или наоборот - начало кода, или когда в посте блога надо написать HTML-код в виде текста а многие этого не умеют. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
    Напишу несколько вариантов, как это сделать.
    1. Код с использованием тэга <input
    Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.


    https://img-fotki.yandex.ru/get/16116/65387414.8bf/0_152ee2_6de8b6c7_orig

     


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

    Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
    Часть 2 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 17 - Заморские сайты к НОВОМУ ГОДУ
    Часть 18 - 100 самых полезных сайтов Интернета
    Часть 19 - Как правильно вставлять код в окошко для кодов.
     
    Рубрики:  Коды
    HTML начинающим и не только
    Уроки Галины Шадриной

    Метки:  

    HTML шпаргалка по линиям

    Воскресенье, 13 Декабря 2015 г. 02:11 + в цитатник
    Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

    HTML шпаргалка по линиям

    0_af4d2_37a681d0_orig.jpg.gif
    Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.

    Вот она, самая простая линия, для ее вставки просто поставьте в строчку Тег hr (Horisontal Rule)


    ее код:


    0_af4d2_37a681d0_orig.jpg.gif



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

    Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
    Часть 2 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 14 - Он-лайн графические редакторы
    Часть 15 - Бродилка по РУБРИКАМ моего дневника.
    Часть 16 - HTML шпаргалка по линиям


    Рубрики:  Для дневника.
    Для ЛиРу
    HTML начинающим и не только
    Уроки Галины Шадриной

    Метки:  

    Пользуйтесь своим браузерным плеером!

    Четверг, 23 Июля 2015 г. 21:21 + в цитатник
    Это цитата сообщения Jorjorych [Прочитать целиком + В свой цитатник или сообщество!]

    Пользуйтесь своим браузерным плеером!

    Вот такой плеер встроен в браузерах по умолчанию. Во всяком случае это верно для Mozilla Firefox и Google Chrome.А для того чтоб использовать его на своём сайте или дневнике Вам нужен HTML код. Не пугайтесь, это совсем не сложно.

    Вот этот код:

    <audio controls='controls'>
    <source src="ССЫЛКА  НА  АУДИО" type="audio/mpeg" />
    </audio>

    Код найдёте и во вложении к посту. Скопируйте его и впишите в редактор сайта или дневника. Можно ставить в рамочку, прикрепить к работам, в эпиграф дневника. А вместо слов "ССЫЛКА  НА  АУДИО" вставьте ссылку на любимую и уместную случаю музыку. Поддерживаются несколько аудиоформатов, но уверенней пользуйтесь распространённым MP3.

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

    Всем творческого успеха! Вопросы приветствуются!

    Исходник

     

     

     

     

    Серия сообщений "МОИ УРОКИ. ":
    Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
    Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
    ...
    Часть 36 - Урок создания телика "Cruto_TV". АФ, AS2.
    Часть 37 - Урок: Делаем регулятор громкости во флеш, AS3.
    Часть 38 - Пользуйтесь своим браузерным плеером!
    Часть 39 - Сайт-портал "zaycev.net" - как пользоваться.
    Рубрики:  Плееры
    Браузер
    HTML начинающим и не только
    Уроки Jorjorych

    Метки:  

    Красивые слайд-шоу в ваш дневник

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

    Красивые слайд-шоу в ваш дневник

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



    61776734_54188066_1264247674_1web.gif



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

    Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
    Часть 2 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 5 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
    Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
    Часть 7 - Красивые слайд-шоу в ваш дневник


    Рубрики:  Коды
    Картины,картинки
    HTML начинающим и не только
    Уроки Галины Шадриной

    Метки:  

    Несколько вариантов оформления своих фото, картинок

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

    Несколько вариантов оформления своих фото,картинок

    Предлагаю вам друзья несколько вариантов обрамления ваших фото, картинок обводкой, тенью. Под каждым вариантом я проставила коды. На скрине ниже, я отметила, что в кодах можно менять. Одно единственное - цвет обводки. Больше ничего. И подчеркнула для начинающих пользователей, куда вставлять адресную ссылку на свою картинку. Для начала я взяла вот эту картинку-пейзаж, у которой и ширина и высота одинакова - 500px.

    И поэтому начиная с первого варианта по четвертый включительно, в кодах ничего больше не меняйте, кроме цвета обводки и вставки адресной ссылки на своё изображение. В пятом и шестом варианте размер картинки не имеет значения. Всё-равно будет так, как стоит у меня. В дальнейшем я выставлю урок, как получить такие формы обрамления, если width и height (ширина и высота) изображения имеет разные значения, и как вставить такие варианты в обычную рамочку для текста. Почему я это подчеркиваю? Да просто, если вы в приведенные мною ниже коды вставите фото, которое имеет ширину 500px, а высоту, например 340px... то верхние 4 варианта получатся немного искаженные. Поэтому для начала возьмем попроще, равные величины. А потом уже будем учиться сложностям. Согласны? Так же рассмотрим вариант как можно будет подписать такую картинку без фотошопа, ведь многие еще не владеют им. Поздравить друга к примера или подружку. Да, чуть не забыла. Картинки на прозрачном фоне тоже можно вставлять. Не забывайте только подбирать цвет обводки под ваши работы.. Ну вот для начала пока все. Пользуйтесь на здоровье. Будут вопросы, пожалуйста...задавайте.
    Первый вариант


    далее скрин и остальные варианты
    Рубрики:  Фотографии.
    Для дневника.
    Картины,картинки
    HTML начинающим и не только

    Метки:  

    Онлайн HTML - редактор

    Четверг, 27 Ноября 2014 г. 19:59 + в цитатник
    Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

    Онлайн HTML - редактор

    Разместите, вставьте в верхнее окно html-код, он в готовом виде отобразится ниже. Редактируйте, добавляйте, убирайте лишнее. Удачи!

     

    Серия сообщений "Генераторы":
    Часть 1 - Генератор открыток
    Часть 2 - Полезные ссылки
    Часть 3 - Как взять адрес флешки и сгенерировать код
    Часть 4 - Делайте свои бегущие тексты!
    Часть 5 - Онлайн HTML - редактор
    Часть 6 - Анимированные аватарки
    Часть 7 - Генератор надписи на табличках.
    ...
    Часть 24 - Анимация фото бенгальcкими свечами
    Часть 25 - Пишем заголовки с любимыми фигурками
    Часть 26 - 4maf_Рамочник_Писец РАБОТАЕТ

    Рубрики:  Для дневника.
    HTML начинающим и не только

    Метки:  

    HTML 5 для начинающих

    Вторник, 18 Ноября 2014 г. 22:53 + в цитатник
    Это цитата сообщения Joker-6 [Прочитать целиком + В свой цитатник или сообщество!]

    HTML 5 для начинающих

    Отличный курс видеоуроков по HTML5. Из него вы узнаете все необходимое для того, чтобы с нуля создавать свои собственные сайты!


    загружено (284x178, 8Kb)


    Читать далее...
    Рубрики:  Уроки
    Познавательно
    Коды
    HTML начинающим и не только

    Метки:  

    Серия сообщений "-формулы, коды" от Lyudmila Lyu

    Воскресенье, 26 Октября 2014 г. 23:32 + в цитатник
    Это цитата сообщения Jorjorych [Прочитать целиком + В свой цитатник или сообщество!]

    Серия сообщений "• формулы, коды" от Lyudmila Lyu

    Клик на картинку!

    1496233 (500x500, 52Kb)

    Рубрики:  Коды
    HTML начинающим и не только
    Моим друзьям
    Формулы

    Метки:  

    Ещё один Генератор для HTML кода флешек

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

    Ещё один Генератор для HTML кода флешек

    Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


    Здравствуйте...

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

    Кликаем по кнопке ниже.



    Теперь разберём, куда и что вставлять.
    Клик на картинку, для увеличения.

    олпр (700x469, 270Kb)

    Как видите, всё просто...)))


    урок провела
    Любаша К

    Рубрики:  Флэшки
    Уроки от Любаши К
    HTML начинающим и не только

    Метки:  

    HTML для начинающих (часть 2-ая)

    Пятница, 01 Августа 2014 г. 14:46 + в цитатник
    Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

    Html для начинающих ( часть 2-ая)

    Html для начинающих ( часть 2-ая)

    Продолжаем попытку разобраться в html :-) Первая часть ТуТ

    Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
    Так вот, теперь про эти "ключевые" теги, которые даются изначально:

    <html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).

    <head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

    <title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
    Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:
     (216x78, 9Kb)

    И наконец:

    <body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))

    Читать дальше > > >
    Рубрики:  HTML начинающим и не только

    Метки:  

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

    Пятница, 01 Августа 2014 г. 13:36 + в цитатник
    Это цитата сообщения Елена-рыбка [Прочитать целиком + В свой цитатник или сообщество!]

    Огромная 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 рисунка.
       
    Нумерованный список

      НАЗВАНИЕ СПИСКА
    1. Строка
    2. Строка
    3. Строка

    Цвет определяете сами
    <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...начинающим и не только...
    ...
    Часть 12 - Учебник по Html для чайников
    Часть 13 - Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.
    Часть 14 - Огромная HTML-шпаргалка из блога Натальи
    Часть 15 - Классная шпаргалка HTML!!!! Спасибо Ларисе!
    Часть 16 - ТОП 10 HTML ошибок новичков
    ...
    Часть 27 - Классный сайтик с видеоуроками онлайн!(+ еще 3)
    Часть 28 - Самоучитель по сайтостроению.
    Часть 29 - Коды HTML для оформления постов, блогов
    Рубрики:  HTML начинающим и не только

    Метки:  

    Всё о HTML...начинающим и не только...

    Четверг, 31 Июля 2014 г. 02:40 + в цитатник
    Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

    Всё о HTML...начинающим и не только...
     

     
    А вот еще одна маленькая хитрость.
    Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают
    и даже, если Вы применили теги
    <center></center>.
    Не буду заморачивать долго голову; почему так происходит,
    А просто скопируйте вот этот код
    <div align="center">
    и вставьте его в самом начале кода своей рамочки или картинки
    Вот они и в центре!Все так просто!!
    Если надо поставить картинку слева или справа,
    то в коде вместо center поставьте теги left и right
    И еще раз о NTML-кодах
    буквально для новичков и не только...




    Спасибо NATALKA

    Рубрики:  Уроки
    HTML начинающим и не только

    Метки:  

    Старое о главном. "Как правильно скопировать код в рамке под картинкой" и не только об этом... Урок

    Четверг, 31 Июля 2014 г. 02:00 + в цитатник
    Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

    Старое о главном."Как правильно скопировать код в рамке под картинкой"и не только об этом... Урок


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

    Читать далее...
    Рубрики:  Уроки
    HTML начинающим и не только

    Метки:  

     Страницы: [1]