Записи Друзья Комментарии
muro4ka22
Аватар muro4ka22

 -Всегда под рукой

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

Поиск сообщений в muro4ka22

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

 

 -Интересы

 -Сообщества

Читатель сообществ (Всего в списке: 1) О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 04.05.2011
Записей: 1965
Комментариев: 3514
Написано: 7462


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

Суббота, 17 Сентября 2011 г. 23:11 + в цитатник
Цитата сообщения Arnusha
Прочитать целикомВ свой цитатник или сообщество!

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

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


  •  
    •  
      •  
        текст
        вот так

          Зачеркнутый текст ТЕКСТ — ТЕКСТ


          Подчёркнутый текст ТЕКСТ — ТЕКСТ


          Полужирный текст ТЕКСТ — ТЕКСТ


          Полужирный крупный ТЕКСТ — ТЕКСТ


          Курсивный текст ТЕКСТ — ТЕКСТ


          Маленький текст ТЕКСТ — текст


          Неразрывный пробел &*nbsp; (* убрать)


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


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


          Отступ —
          отступ от отстального текста



          Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)



          Текст с подсказкой:
          Подведи курсор к тексту!


          Подведи курсор к тексту!
манипуляции с курсором


  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это 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:



  •  
    •  
      •  
        На этом тексте курсор примет вид перекрестья.

        Внимание!


        Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.

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


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



          Синтаксис:

          На этом тексте курсор примет вид перекрестья.

  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это 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:



  •  
    •  
      •  
        На этом тексте курсор примет вид перекрестья.

        Внимание!


        Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.

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


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



          Синтаксис:

          На этом тексте курсор примет вид перекрестья.

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


  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это 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:



  •  
    •  
      •  
        На этом тексте курсор примет вид перекрестья.

        Внимание!


        Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.

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


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



          Синтаксис:

          На этом тексте курсор примет вид перекрестья.

  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это 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:



  •  
    •  
      •  
        На этом тексте курсор примет вид перекрестья.

        Внимание!


        Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.

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


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



          Синтаксис:

          На этом тексте курсор примет вид перекрестья.



Тег SPAN


  •  
    •  
      •  
          Тег SPAN
          предназначен для определения встроенных элементов документа. Иначе
          говоря, Элемент SPAN определяет контейнер для внутреннего текста.



          В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью
          тега SPAN можно выделить часть информации внутри других тегов и
          установить для нее свой стиль.

          Например, внутри параграфа (тега P) можно изменить цвет и размер первой
          буквы, если добавить начальный и конечный тег SPAN и определить для
          него стиль текста.



          Вот несколько примеров применения этого тега:


          ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ



          style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ
          ЛИНИЕЙ





  •  
    •  
      •  
          СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ



          style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ
          ЛИНИЕЙ



  •  
    •  
      •  
          КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ



          style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ
          ЛИНИЕЙ





  •  
    •  
      •  
          ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ



          style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ
          РАМКЕ






  •  
    •  
      •  
          Скоро сказка сказывается...


          COLOR="#FF0000">Скоро сказка
          сказывается...



          Д а не скоро дело делается...


          Д а не
          скоро дело делается...




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



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


  •  
    •  
      •  

          1. Ваш текст

          Вот так!


          2. Ваш текст

          или так


          3. Ваш текст

          ну и вот так



          4. Ваш текст

          или даже так



          5. Ваш текст

          а уж так!



          6. Ваш текст

          и так можем





          Переменные:
          HEIGHT высота "окошка", в котором двигается текст;
          WIDTH расстояние, на которое перемещается текст.


          Можно ли уменьшить скорость прокрутки при использовании тега marquee?

          Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
          Результат будет выглядеть так:







          •  
            •  
              •  

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

                  Пример:

Серия сообщений "Всё для Li Ru":
Часть 1 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
Часть 2 - ВСЁ о схемах на ЛиРу
Часть 3 - Размещение видео на ЛиРу (и не только на ЛиРу)
Часть 4 - Очень полезная HTML-ШПАРГАЛКА
Часть 5 - НОВИЧКАМ первые шаги на ЛиРУ
Часть 6 - Про симпатии и антипатии
...
Часть 25 - Ура! Шаричик, она нашлась:-))))
Часть 26 - ПРОЗЕВАЛА СВОЙ 3-Х ЛЕТНИЙ ЮБИЛЕЙЧИК:-))))) Новостной листок от 4 мая 2014 года
Часть 27 - Новогодние открытки с Новым годом + код для днева

Рубрики:  "Кошка на подставке" и всё для неё
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте