-Рубрики

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

Поиск сообщений в Галина_Кирсанова

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.05.2010
Записей: 30633
Комментариев: 2380
Написано: 44331

Выбрана рубрика HTML с нуля. Видео-уроки.


Соседние рубрики: Что делать, если компьютер завис?(7), уроки В. Шильникова(127), схемы для дневника, обои для рабочего стола(36), создание анимации(13), создание видеоролика(43), СКАЙП и другие возможности инета(42), сделать скриншот, невидимую папку на рабочем столе(5), ресурсы on-line (тестирование скорости, проверка н(4), Программа для архивирования/ распаковки файлов Win(5), Полезные ссылки(14), поисковики(24), переводчик текста (14), органайзер (1), онлайн-сканер для проверки файлов(1), каталог конвертеров Convertera.Net(12), как скачивать файлы из интернета. (28), как сделать активную ссылку(2), как перекинуть фото с фотоаппарата на компьютер.(3), Как настроить Wi-Fi сеть. (8), если заблокировали страницу(9), для дневника ЛиРу(443), Бесплатная отправка SMS(8), *-чистка компа(270), скачать видео с YouTube и др, музыку (57), программы (338), знакомимся с клавиатурой (43)

Другие рубрики в этом дневнике: ЮРИДИЧЕСКАЯ консультация Он-лайн(11), ЮМОР,позитив,ироническая поэзия(102), ЭТО ИНТЕРЕСНО!(187), ЭТИКЕТ(9), ШЬЕМ САМИ(332), ФОТОШОП, РЕДАКТОРЫ(270), ТАБЛИЦЫ размеров, прибавок, длина реглана(70), СТАТУСЫ НА ВСЕ СЛУЧАИ ЖИЗНИ(1), СМОТРИМ МИР (виртуальные прогулки, фото)(86), СМАЙЛЫ(26), СЛОВАРИ, ЭНЦИКЛОПЕДИИ, СПРАВОЧНИКИ(187), СЕКУНДОМЕРЫ-ОНЛАЙН(1), РИНГТОНЫ, заставки для телефона(4), РАЗНОЕ ДЛЯ ДЕТЕЙ(12), РАЗВЛЕЧЕНИЯ, ИГРЫ, ФЛЕШКИ(388), РАДИО Онлайн (900 каналов)(9), ПРОЧЕЕ РУКОДЕЛИЕ(188), ПРИТЧИ, МУДРЫЕ ИЗРЕЧЕНИЯ(34), ПОЛЕЗНЫЕ ССЫЛКИ И САЙТЫ(279), П О Э З И Я(78), П О Л Е З Н Ы Е С О В Е Т Ы(1143), НОВОСТИ(533), Н Е П О З Н А Н Н О Е(1183), МНОГОЛЕТНИЕ КАЛЕНДАРИ(16), МАРШРУТЫ городского транспорта в вашем городе(1), КАРТА ЧАСОВЫХ ПОЯСОВ МИРА(1), КАЛЬКУЛЯТОРЫ на все случаи жизни(3), КАК ЗАРАБОТАТЬ ПЕНСИОНЕРУ В ИНТЕРНЕТ БЕЗ ВЛОЖЕНИЙ.(6), К У Л И Н А Р И Я(3540), К И НО Ф И Л Ь М Ы(2958), ЙОГА для начинающих (2), ИСТОРИЯ,АРХЕОЛОГИЯ, ДРЕВНИЕ ЦИВИЛИЗАЦИИ(136), ИСКУССТВО(363), ИНТЕРНЕТ-МАГАЗИНЫ(42), ИНТЕРЕСНЫЕ ЛЮДИ и судьбы(130), ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ(2084), ЗДОРОВЬЕ,МЕДИЦИНА, народные рецепты(2066), ДЛЯ СОБАКИ, ветеринария(24), ДЕКОР,ШТОРЫ,,РЕМОНТ..дизайн,интерьер, поделки для (80), ВЯЖЕМ И ШЬЕМ ИГРУШКИ(42), ВОПРОСЫ И ОТВЕТЫ(4), В Я З А Н И Е(12311), БИБЛИОТЕКА(1447), АНИМАШКИ(9), ***ПУТЕВОДИТЕЛЬ ПО ДНЕВНИКАМ***(46), (1)
Комментарии (0)

Как вставить HTML код в HTML страницу

Суббота, 13 Февраля 2016 г. 15:54 + в цитатник
Это цитата сообщения Veta-z [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить HTML код в HTML страницу





Серия сообщений "РАБОТА с ТЕКСТОМ":





Серия сообщений "РАБОТА с КАРТИНКОЙ":



Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы

Понедельник, 16 Ноября 2015 г. 20:04 + в цитатник
Это цитата сообщения _LexIncorp_ [Прочитать целиком + В свой цитатник или сообщество!]

Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.

Самое популярное сообщение на лиру, которое набрало больше 10 тысяч цитат, посвящено кодам html. Всё в нем хорошо, да вот только объяснений мало. А ведь с сопроводительной информацией объем можно было бы уменьшить, рассказав какие параметры за что отвечают.
Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.
Ну что же, поехали. Пост написан LexIncorp. Цитировать и ссылаться не запрещено.


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


Оглавление
Прячем текст под кат
Начертание текста
Размер шрифта
Цвет текста
Гарнитура шрифта
Цитаты
Списки
Форматирование
Бегущая строка
Вставка изображений
Ссылки, баннеры
Рамки для текста
Форма для кода

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

Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

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

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

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

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

 

Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

HTML_всё под рукой

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

HTML_всё под рукой

⇖            ⇗

Это должно быть "всегда под рукой" Формулы разметки гипертекста.

Форматирование Теги Атрибуты Графика Линии Рамки Кнопки Символы

Ещё самоучители и коды

Полезные сайты - справочники

 htmlka.com — помощь блогеру

 

Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

HTML. Работа с текстом и картинками.

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

HTML. Работа с текстом и картинками.

 Продолжаем изучать основы HTML. Сегодня на повестке дня выравнивание текста, работа с ним, а так же вставка картинок. Еще маленькая фишка для придания динамичности - это бегущая строка.

Центрирование:
текст (картинка) по центру

 


Выравнивание текста по правому краю поста:

 


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

 


Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

 


Бегущая строка:
СТОЙ! КУДА ПОБЕЖАЛА!!!

 


Вместо текста можно вставить картинку:

Код этой картинки:

 

 

Сноска вверху: ТЕКСТсноска

 

Сноска внизу: ТЕКСТсноска

Линия:


ее код:


Ударение:
Cтавим после нужной буквы:

 

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 10 - Огромная коллекция генераторов.Более 500 ссылок.Собрана вся коллекция!Разбирайте!!!
Часть 11 - Оформление текста. HTML.
Часть 12 - HTML. Работа с текстом и картинками.
Часть 13 - Размер, цвет, стиль текста в HTML.
Часть 14 - 5 шагов для успешного развития сайта
...
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога
Часть 24 - Защити свой сайт!
Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

Таблица HTML кодов

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

Таблица HTML кодов


Предлагаю вам таблицу кодов
может вам пригодится

КОДЫ ДЛЯ БЛОГОВ

Картинка или текст
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -

Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -

Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -



Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

Очень полезная HTML-ШПАРГАЛКА

Суббота, 09 Ноября 2013 г. 23:59 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Очень полезная HTML-ШПАРГАЛКА

Советую всем сохранить ее в закладки,чтобы всегда была под рукой.
В ней есть все,что нужно и начинающим и уже опытным пользователям.
И даже кто не умеет делать рамочки,здесь есть все,чтобы за 5 минут сотворить рамку.
Удачи!
  •  
    •  
      •  

          Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ
          Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ
          Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ
          Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ
          Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ
          Маленький текст<small> ТЕКСТ </small> — текст
          Неразрывный пробел &*nbsp; (* убрать)
          Сноска вверху <sup> сноска</sup>
          ТЕКСТ сноска
          Сноска внизу <sub> сноска</sub>
          ТЕКСТ сноска
          Отступ <blockquote> текст</blockquote> —
          отступ от отстального текста
          вот так

          Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)
          Текст с подсказкой:
          Подведи курсор к тексту!
          <q title="текст подсказки"> Подведи курсор к тексту!</q>


манипуляции с курсором


  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это default.

              • Наведите курсор на текст! Это auto.

              • Наведите курсор на текст! Это text.

              • Наведите курсор на текст! Это crosshair.

              • Наведите курсор на текст! Это e-resize.

              • Наведите курсор на текст! Это w-resize.

              • Наведите курсор на текст! Это n-resize.

              • Наведите курсор на текст! Это s-resize.

              • Наведите курсор на текст! Это ne-resize.

              • Наведите курсор на текст! Это sw-resize.

              • Наведите курсор на текст! Это nw-resize.

              • Наведите курсор на текст! Это se-resize.

              • Наведите курсор на текст! Это wait.

              • Наведите курсор на текст! Это hand.

              • Наведите курсор на текст! Это pointer.

              • Наведите курсор на текст! Это help.

              • Наведите курсор на текст! Это move.

        • С помощью стилей можно переопределить вид курсора и выбрать один из пятнадцати доступных вариантов.



  •  
    •  
      •  
          Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:
          <html>

          <head>

          <style type="text/css">

          body { cursor: crosshair }

          </style>

          </head>




  •  
    •  
      •  
          Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:
          На этом тексте курсор примет вид перекрестья.

          Синтаксис:
          <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>

          Внимание!

          Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.
          Многих пользователей подобные изменения могут ввести в заблуждение:
          когда, например, вместо традиционной «руки», появляющейся при наведении
          на ссылку, возникает нечто другое.
          В большинстве случаев лучше оставить все по умолчанию.



Тег SPAN


  •  
    •  
      •  
          Тег SPAN
          предназначен для определения встроенных элементов документа. Иначе
          говоря, Элемент SPAN определяет контейнер для внутреннего текста.
          В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью
          тега SPAN можно выделить часть информации внутри других тегов и
          установить для нее свой стиль.
          Например, внутри параграфа (тега P) можно изменить цвет и размер первой
          буквы, если добавить начальный и конечный тег SPAN и определить для
          него стиль текста.
          Вот несколько примеров применения этого тега:
          ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ
          <span style="color:red;text-decoration:line-through;"><span
          style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ
          <span style="color:YELLOW;text-decoration:line-through;"><span
          style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ
          <span style="color:darkorange;text-decoration:underline;"><span
          style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ
          <span style="border:1px solid darkgray;"><span
          style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ
          РАМКЕ</span></span>



  •  
    •  
      •  
          ЗЕЛЕНАЯ ССЫЛКА   на мой дневник   ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
          ЗЕЛЕНАЯ ССЫЛКА<a href="http://arnusha.ru/"
          target="_blank" style="color:red;text-decoration:underline;"><span
          style="color:green;">   на мой дневник  
          </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ



  •  
    •  
      •  
          Скоро сказка сказывается...
          <span style = "font-size: 100px;"><FONT FACE="Comic Sans
          MS"><FONT
          COLOR="#FF0000">С</FONT></FONT></span>коро сказка
          сказывается...
          Д а не скоро дело делается...
          <span style = "font-size: 100px;"><FONT FACE="Monotype
          Corsiva"><FONT COLOR="#0000FF">Д</FONT></span> а не
          скоро дело делается...</FONT>
          В зависимости от того, где мы пропишем второй закрывающий тег </font>,
          текст после нашей "буквицы" будет набран таким же шрифтом или вернется в
          свое исходное состояние, обусловленное стилем страницы. Во втором
          предложении этот тег поставлен только после многоточия, а в первом
          после буквы "С".


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


  •  
    •  
      •  

          1. <MARQUEE>Ваш текст</MARQUEE>
          Вот так!
          2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
          или так
          3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
          ну и вот так
          4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
          или даже так
          5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
          а уж так!
          6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>
          и так можем
          Переменные:
          HEIGHT высота "окошка", в котором двигается текст;
          WIDTH расстояние, на которое перемещается текст.
          Можно ли уменьшить скорость прокрутки при использовании тега marquee?
          Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
          Результат будет выглядеть так:
          <MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">



  •  
    •  
      •  

          Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
          Пример:


  •  
    •  
      •  

          Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE>



Работаем с графикой


  •  
    •  
      •  
        •  
          •  
            •  

        • Чтобы превратить изображение в ссылку:

          Синтаксис:
          <A class=link_main title="Дневник Arnusha"
          href="http://arnusha.ru/ target="_blank"
          ><img src=bab.gif BORDER="0"></A>



  •  
    •  
      •  
        •  
          •  
            •  
                По-моему, это камелия
        • Если нужно просто
          дать пояснение к своей картинке, то для того, чтобы получить всплывающую
          строку, нужно вписать тэг ALT="Пояснение"

          Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" >



  •  
    •  
      •  
        •  
          •  
        • Изображение-ссылка, открывающаяся в новом окне:

          Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>



  •  
    •  
      •  
          Текст между двумя картинками:

Это такой красивый ирис
а это такой красивый подсолнух
"...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали
покачаться вместе на тонких стебельках.
Но у нее был друг. К самому большому и красивому Цветку на поляне
торопилась она каждое утро, чтобы вместе полюбоваться прозрачными
капельками росы, в которых отражается весь мир!..."
  •  
    •  
      •  
          Синтаксис:
          <IMAGE ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          <IMAGE ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          Текст между двумя картинками.
          Атрибут ALT - это маленький всплывающий комментарий, но в данном случае можно обойтись и без него.



  •  
    •  
      •  
          Фон под сообщением:
          А
          у нас наступило лето...
          Затопило нас ярким светом, и жара. Только ранним утром с побережья
          приносит бриз.А в Москве - снова дождь по крышам; будто чья-то улыбка
          свыше, будто радость пригоршней щедрой - звонко с тучки на тучку -
          вниз...Тех, на дождь кто ворчит, не слушай, а смелей - босиком по лужам,
          подставляя ладони брызгам, переливчатым, как алмаз. Улыбнись случайным
          прохожим; ну а вдруг нарисует дождик , пусть пунктиром, пусть неумело -
          там, под струями, вместе нас?

          Синтаксис:
          <table width=100% border="0" cellspacing="8" cellpadding="0"
          background="URL"><tr><td><font color=#FFFFFF font
          face=georgia font size=3>Ваш текст
          сообщения</font></td></tr></table>
          • Вместо URL подставляем адрес фоновой картинки
          • На свой вкус и усмотрение меняем цвет, размер и начертание текста


Линии и рамочки


  •  
    •  
      •  
          Рисуем линии:
          1.

          2.

          3.

          Синтаксис:
          1.<HR>
          2.<HR size=3 color=#FF0000>
          3.<HR size=6 color=#00B344>
          Переменные:
          SIZE толщина линии
          COLOR цвет линии



  •  
    •  
      •  

          Линии бывают всякими:
          1.

          2.

          3.

          Синтаксис:
          1. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
          2. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen ">
          3. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">
          Переменные:
          WIDTH длина линии в процентах по отношению к экрану
          SIZE размер элементов
          DASHED пунктирная линия
          DOTTED точечная линия
          COLOR цвет элементов



  •  
    •  
      •  
          Рисуем рамочки:
          1.
          2.
          3.
          Синтаксис:
          1. <blockquote style="border:3px #00B344 dashed; padding: 15px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          2. <blockquote style="background-color: #FFE4B5; border:3px #BC8F8F
          solid; padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш
          текст</blockquote>
          3.<blockquote style="border:3px #DA70D6 solid; padding: 5px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          Переменные:
          border:3px #ff0000 толщина рамки в пикселях и её цвет
          background-color: #ffff00 цвет фона рамки
          dashed пунктир
          solid непрерывная
          padding отступ текста от рамки внутри
          margin отступ от текста снаружи (если рамка находится внутри текста)



  •  
    •  
      •  

          В рамки можно помещать не только текст, но и картинки:


          Синтаксис:
          <blockquote style="background-color: #E0FFFF; border:3px #87CEEB
          solid; padding: 15px; margin:0px 0px 0px 0px;"><img src=pp.gif
          BORDER="0">Первый поцелуй!</blockquote>


И такая рамочка


  •  
    •  
      •  

          Синтаксис:
          <FIELDSET><LEGEND align="center"><B><font
          color=#FFA500>И такая
          рамочка</font></B></LEGEND></FIELDSET>
          Параметр align выравнивает относительно одной из сторон документа,
          значения: left, right, или center


Разноцветные рамочки


  •  
    •  
      •  
          Синтаксис:
          <blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px;
          BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px
          solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding:
          15px></blockquote>
          padding отступ текста от рамки внутри.

      • Я
        принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее
        по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел
        тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что
        это просто девочка несет поляну на завтрак своему другу. Лесную. С
        земляникой. Ну и что. Не всем же кофе в постель.





  •  
    •  
      •  
          Можно добавить картинку:

  •  
    •  
      •  
          Синтаксис для картинки:
          <img src="k.jpg" align="right">


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




Кнопочки


  •  
    •  
      •  
        •  
          •  

  •  
    •  
      •  

          Синтаксис:
          <BUTTON title="Текст-пояснялка к кнопке"><TABLE
          border=5><TBODY><TR><TD><CENTER><FONT
          color=#BA55D3 size=4>Название
          кнопки</FONT></CENTER></TD></TR></TBODY></TABLE></BUTTON>



  •  
    •  
      •  
        •  
          •  
            •  
              •  

        • Кнопочка-посылалка:
          Синтаксис:
          <form action="http://arnusha.ru/"
          target="_blank" method="get"><input type="submit"
          value="Дневник Arnusha"></form>



  •  
    •  
      •  

          Цветная кнопочка с картинкой

          Синтаксис:
          <form action="URL" method="get"><button style="BACKGROUND:
          #8080ff; WIDTH: 150px" type="submit"><img src="URL
          картинки"></button></form>


Некоторые специальные символы


  •  
    •  
      •  

          Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним
          относятся буквы алфавитов части европейских языков, математические и
          некоторые другие символы.
          Некоторые символы, введенные в HTML документ будут интерпретироваться
          не так, как задумал автор. Это, например, символы "<" и ">",
          используемые для указания тегов.
          В этих случаях можно вводить нужные символы с помощью специальных кодов.
          Коды начинаются с символа "амперсанд"(&). За ним следует
          название символа, либо его числовой код в десятичной или
          шестнадцатеричной системе. Завершает код символ "точка с запятой" ;
          Пишу разреженно, чтобы можно было прочитать код:
          & quot; - двойная кавычка "
          & amp; - амперсанд &
          & lt; - знак 'меньше' <
          & gt; - знак 'больше' >
          & nbsp; - неразрывный пробел
          Общая пунктуация:
          & ndash; - тире –
          & mdash; - длинное тире —
          & lsquo; - левая одиночная кавычка ‘
          & rsquo; - правая одиночная кавычка ’
          & sbquo; - нижняя одиночная кавычка ‚
          & ldquo; - левая двойная кавычка “
          & rdquo; - правая двойная кавычка ”
          & bdquo; - нижняя двойная кавычка „
          И даже карточные масти:
          & spades; - знак масти 'пики' ♠
          & clubs; - знак масти 'трефы' ♣
          & hearts; - знак масти 'червы' ♥
          & diams; - знак масти 'бубны' ♦



  •  
    •  
      •  
          Пример:

          ♣   ♣   ♥   ♥


          Синтаксис:
          <aligh=center><font color="red" size=7>&*clubs;   &*clubs;   &*hearts;   &*hearts;</font>
          (* убрать)

Arnusha

Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

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

Пятница, 06 Сентября 2013 г. 22:00 + в цитатник
Это цитата сообщения Мила-2010 [Прочитать целиком + В свой цитатник или сообщество!]

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

http://zerno-ros.ru/post289400168/

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


Не спи, блогер!

Не забудьте захватить "HTML с нуля" и другие очень полезные уроки "Каркас документа" и "Текстовые теги HTML"..

Сегодня у нас четвертый

Серия сообщений "видео-МК":
Часть 1 - Создание блога-видео,МК
Часть 2 - уроки Gimp 2.6 красивый текст
...
Часть 16 - Очистка компьютера от пыли. Видео
Часть 17 - Видеоуроки о самых популярных браузерах.
Часть 18 - Что такое HTML - урок 4. Видео HTML с нуля
Часть 19 - Запись видеофильмов на диск
Часть 20 - Конвертация видео: конвертируем видео за 3 минуты
Часть 21 - Как установить русский язык на Windows 7 Ultimate
Часть 22 - Компьютер не видит внешний жесткий диск
Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

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

Пятница, 06 Сентября 2013 г. 21:59 + в цитатник
Это цитата сообщения zerno-Ros [Прочитать целиком + В свой цитатник или сообщество!]

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

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

леопард_И разнежился я на горячем солнышке, будто кот Васька на завалинке (700x525, 135Kb)
Кайфующий, ленивый леопард. © Автора укажу после того, как найду его имя в Гугле.

Итак, видео-урок №1.
Читать далее...
Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

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

Пятница, 06 Сентября 2013 г. 21:56 + в цитатник
Это цитата сообщения zerno-Ros [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

Не ругайте меня сильно за то, что не сразу выполняю свои обещания. Сегодня у нас "по просьбам трудящихся" второй и третий уроки
Читать далее...
Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

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

HTML с нуля. Видео-уроки

Пятница, 06 Сентября 2013 г. 21:52 + в цитатник
Это цитата сообщения Мила-2010 [Прочитать целиком + В свой цитатник или сообщество!]

HTML с нуля. Видео-уроки

http://www.liveinternet.ru/users/3900865/post235887172/

HTML с нуля Урок 1 Что такое HTML



HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
http://raddax.ru/index.php/kompyutery-informatika/html
Читать далее...
Рубрики:  ИЗУЧЕНИЕ КОМПА,ПОЗНАЕМ ИНТЕРНЕТ/HTML с нуля. Видео-уроки

Метки:  

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