Часики HTML ....и немного расслабляющей музыки..плейлист(может кому нужны часики)

Серия сообщений "HTML 5":

Часть 1 - Гифка в HTML 5+флеш плеер
Часть 2 - Потоковое Радио популярных радиостанций в HTML5 и не только...
...
Часть 24 - Вчера мне что то не спалось...и вот родился пост!(включаем сразу два плеера)
Часть 25 - Четыре работы моих друзей..или еще раз про "черную полосу"и правильный код...
Часть 26 - Часики HTML ....и немного расслабляющей музыки..плейлист(может кому нужны часики)

Потоковое Радио популярных радиостанций в HTML5 и не только...


Радио Маяк

Радио Маяк

Радио Шансон

Радио "Ностальгия FM"

Ностальгия FM

Радио Наше Радио

Радио Зайцев FM в HTML5

Радио Nev Age

Радио Nev Age

Авто радио

Радио-Ретро FM

Ретро FM

Русское Радио-Радиоканал Мелодия

Радиоканал Мелодия		Русские песни

Радио Релакс FM на волне 90.80

Европа плюс

Дорожное радио

Любое радио,которое Вам понравилось можно поставить в Ваш профиль,
в раздел "О себе"Если Вы откроете мой профиль и проведете мышкой по фото(я с грибами),
то увидите плеер HTML5 и в нем звучит"Радио Шансон".Вы можете поставить другое радио на свое усмотрение

Серия сообщений "HTML 5":

Часть 1 - Гифка в HTML 5+флеш плеер
Часть 2 - Потоковое Радио популярных радиостанций в HTML5 и не только...
Часть 3 - Гифка в HTML5-Музыкальный кот!
Часть 4 - Красивая песня!
...
Часть 24 - Вчера мне что то не спалось...и вот родился пост!(включаем сразу два плеера)
Часть 25 - Четыре работы моих друзей..или еще раз про "черную полосу"и правильный код...
Часть 26 - Часики HTML ....и немного расслабляющей музыки..плейлист(может кому нужны часики)

Самый красивый аудио плеер html на Лиру...+ Видео в html

Серия сообщений "Клипфорс":

Часть 1 - Поезд времени-поезд в один конец....
Часть 2 - Моим друзьям и ПЧ!
...
Часть 26 - Валерий Курас-Плейлист для вас!
Часть 27 - 7 песен от прекрасных дам!!!
Часть 28 - Самый красивый аудио плеер html на Лиру...+ Видео в html
Часть 29 - Радио шансон онлайн в html плеере...
Часть 30 - Русское Радио и Ретро FM в html...онлайн!
...
Часть 46 - Понравилась песня...или с наступающим 2021,друзья!!!
Часть 47 - С Рождеством Христовым!
Часть 48 - Плеер магнифон...воскресная шутка

Серия сообщений "HTML 5":

Часть 1 - Гифка в HTML 5+флеш плеер
Часть 2 - Потоковое Радио популярных радиостанций в HTML5 и не только...
...
Часть 7 - Понравилась песня...немного грустно...но как красиво!!!
Часть 8 - Ох,уж эти котики!!! Гифки в HTML_5
Часть 9 - Самый красивый аудио плеер html на Лиру...+ Видео в html
Часть 10 - Радио шансон онлайн в html плеере...
Часть 11 - Русское Радио и Ретро FM в html...онлайн!
...
Часть 24 - Вчера мне что то не спалось...и вот родился пост!(включаем сразу два плеера)
Часть 25 - Четыре работы моих друзей..или еще раз про "черную полосу"и правильный код...
Часть 26 - Часики HTML ....и немного расслабляющей музыки..плейлист(может кому нужны часики)

Скрап-набор "Чайная".

 

Смотрите далее!

 

УЧЕБНИК ПО H T M L

Учебник по Html для чайников - Оглавление
Инструментарий. Основные понятия
Ступенька 1 - "Основной инструментарий, учимся работать руками".
Ступенька 2 - "Что такое тэги?".
Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"
Простейшие.
Ступенька 4 - "Раскрась сам. Изменяем цвет текста".

Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов".
Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст".
Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт".
Ступенька 10 - "Что такое путь? Как вставлять картинки".
Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".
Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки".
Ступенька 13 - "Ссылка и как с нею бороться".
Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке".
Ступенька 15 - "Может ли картинка быть ссылкой".
Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку".
Ступенька 17 - "Карты. Как часть картинки сделать ссылкой".
Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2".
Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3".
Ступенька 20 - "Закладка. Как сделать ссылку внутри документа".
Таблицы.
Ступенька 21 - "Учимся создавать таблицы".
Ступенька 22 - "Учимся создавать таблицы" продолжение.
Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)".
Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)".
Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание".
Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
Ступенька 26 - "Вложенные таблицы и некоторые нюансы".
Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок".
Ступенька 28 - "Создаем простой сайт с таблицами".
Дополнительные.
Ступенька 29 - "Спецсимволы, или головная боль".
Ступенька 30 - "О линиях. Просто и полезно".
Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".
Ступенька 32 - "О списках. Неупорядоченные списки".
Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".
Ступенька 34 - "Cпецифические тэги, бегущая строка текста".
Фреймы.
Ступенька 35 - "Вступление. Зачем они (фреймы) нужны."
Ступенька 36 - "Учимся создавать фреймы".
Ступенька 37 - "Учимся создавать фреймы" продолжение.
Ступенька 38 - "Учимся создавать фреймы" продолжение.
Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".
Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame".
Словарь
Учебник
Автор учебника Алленова Наталья.

Справочник по HTML

 

 

Элементы HTML (ссылка дня)

)

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

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

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

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

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

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


И наконец:

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

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

)

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику

Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.

Цвет фона странички

Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor

Этот параметр прописываем так:

bgcolor="цвет"

Т.е. целиком, вместе с тегом body это будет выглядеть так:

<body bgcolor="цвет">

Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")

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

)

Html для начинающих ( часть 4-ая, таблицы)

Пожалуй, одна из важнейших тем по html. Только не пугайтесь, важность не означает сложность:-)
Когда я начинал изучать html долго не мог врубиться че ж такого хорошего в таблицах.. таблички и таблички вроде, ничего особенного...)))
Короче говоря, отсеиваем наше общепринятое понятие этого слова и начинаем изучать:-)

Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.

Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)

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

Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)

Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.

Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.

Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>

Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)


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