NTML-ШПАРГАЛКА

топ 100 блогов Arnusha — 28.01.2011


  •  
    •  
      •  

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


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


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


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


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


          Маленький текст ТЕКСТ вЂ” текст


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


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


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


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



          УдарeМЃние (тэг ставим после нужной буквы) — &*#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:
          На этом тексте курсор примет вид перекрестья.


          Синтаксис:

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

          Внимание!


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

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



Тег SPAN


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



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

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



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


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




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





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




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



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



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





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




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






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


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



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


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




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



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


  •  
    •  
      •  

          1. Ваш текст

          Вот так!


          2. Ваш текст

          или так


          3. Ваш текст

          ну и вот так



          4. Ваш текст

          или даже так



          5. Ваш текст

          а уж так!



          6. Ваш текст

          и так можем





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


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

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

  •  
    •  
      •  

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

          Пример:

NTML-ШПАРГАЛКА


  •  
    •  
      •  

          Синтаксис: NTML-ШПАРГАЛКА




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




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





          Синтаксис: По-моему, это камелия



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




          Синтаксис: NTML-ШПАРГАЛКА


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



Это такой красивый ирис
а это такой красивый подсолнух
"...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали
покачаться вместе на тонких стебельках.
Но у нее был друг. К самому большому и красивому Цветку на поляне
торопилась она каждое утро, чтобы вместе полюбоваться прозрачными
капельками росы, в которых отражается весь мир!..."
  •  
    •  
      •  
          Синтаксис:

          ALT="комментарий">

          ALT="комментарий">
          Текст между двумя картинками.


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



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




          Синтаксис:


          background="URL">
          face=georgia font size=3>Ваш текст
          сообщения




          • Вместо URL подставляем адрес фоновой картинки

          • На свой вкус и усмотрение меняем цвет, размер и начертание текста



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


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

          1.


          2.


          3.



          Синтаксис:

          1.


          2.


          3.



          Переменные:
          SIZEтолщина линии
          COLORцвет линии

  •  
    •  
      •  

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

          1.


          2.


          3.



          Синтаксис:

          1.


          2.


          3.



          Переменные:
          WIDTHдлина линии в процентах по отношению к экрану
          SIZEразмер элементов
          DASHEDпунктирная линия
          DOTTEDточечная линия
          COLORцвет элементов

  •  
    •  
      •  
          Рисуем рамочки:

          1.
          2.
          3.


          Синтаксис:

          1.
          Здесь будет Ваш текст


          2.
          Здесь будет Ваш
          текст


          3.
          Здесь будет Ваш текст



          Переменные:
          border:3px #ff0000толщина рамки в пикселях и её цвет
          background-color: #ffff00 цвет фона рамки
          dashedпунктир
          solidнепрерывная
          paddingотступ текста от рамки внутри
          marginотступ от текста снаружи (если рамка находится внутри текста)

  •  
    •  
      •  

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





          Синтаксис:

          NTML-ШПАРГАЛКА
          BORDER="0">Первый поцелуй!




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




  •  
    •  
      •  

          Синтаксис:

          color=#FFA500>И такая
          рамочка




          Параметр alignвыравнивает относительно одной из сторон документа,
          значения: left, right, или center



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




  •  
    •  
      •  
          Синтаксис:

          15px>




          paddingотступ текста от рамки внутри.

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




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


  •  
    •  
      •  
          Синтаксис для картинки:

          NTML-ШПАРГАЛКА
        • NTML-ШПАРГАЛКА


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



Кнопочки


  •  
    •  
      •  
        •  
          •  
              Вот такая кнопка!



  •  
    •  
      •  

          Синтаксис:


          border=5>
          color=#BA55D3 size=4>Название
          кнопки







  •  
    •  
      •  
        •  
          •  
            •  
              •  


          • Кнопочка-посылалка:

          Синтаксис:




  •  
    •  
      •  

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

          Синтаксис:



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


  •  
    •  
      •  


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

          Некоторые символы, введенные в HTML документ будут интерпретироваться
          не так, как задумал автор. Это, например, символы "<" и ">",
          используемые для указания тегов.



          В этих случаях можно вводить нужные символы с помощью специальных кодов.

          Коды начинаются с символа "амперсанд"(&). За ним следует
          название символа, либо его числовой код в десятичной или
          шестнадцатеричной системе. Завершает код символ "точка с запятой" ;


          Пишу разреженно, чтобы можно было прочитать код:


          & quot; - двойная кавычка "



          & amp; - амперсанд &



          & lt; - знак 'меньше' <



          & gt; - знак 'больше' >



          & nbsp; - неразрывный пробел

          Общая пунктуация:



          & ndash; - тире –



          & mdash; - длинное тире —



          & lsquo; - левая одиночная кавычка вЂ?



          & rsquo; - правая одиночная кавычка ’



          & sbquo; - нижняя одиночная кавычка ‚



          & ldquo; - левая двойная кавычка “



          & rdquo; - правая двойная кавычка ”



          & bdquo; - нижняя двойная кавычка „

          И даже карточные масти:



          & spades; - знак масти 'пики' в™ 



          & clubs; - знак масти 'трефы' в™Ј



          & hearts; - знак масти 'червы' ♥



          & diams; - знак масти 'бубны' ♦



.
В© verano.ucoz.ru
Серия сообщений "Полезности":
Часть 1 - Сервисы "Вопрос-ответ"
Часть 2 - Полезности для вашего блога...
...
Часть 67 - Чистим золото и серебро.
Часть 68 - Он-лайн сервис - Генератор Кнопок
Часть 69 - NTML-ШПАРГАЛКА

Оставить комментарий

Популярные посты:
commodus
Ох, это была такая история, просто ужас. Но всё в итоге закончилось хорошо
modest_kukan
Плодоносят кабачки, темпы ударные
foto_history
Неслучайное фото
grazdano4ka
Мужчина попросил вернуть пятьсот рублей: «Содержать твою дочь я не обязан, у
d_34
1000 станков для Ижевского завода, 1871-72 гг.
pantv
16 июля ● Первый ядерный взрыв в истории человечества и не только...
tanja_tank
"Токсичность - это не про нас"
val000
Ботанические сады Ниагары
obezzyann
Плиткогрызы
Архив записей в блогах:
akhmetow: Я ещё и веткой промахнулся. Поехал сразу на работу, вместо дома. Хорошо хоть поезд сейчас едет до Отрадного. Почему то это они поменяли. Теперь добраться до дома только. Такие дела.
akhmetow: Метро. Вечер. Жара. Завтра на работу к 8. Один. Поесть сыру с чаем, измерить давление и ...
Герцог Сассекский выпустил заявление
Принц Гарри, герцог Сассекский будет носить визитку на мероприятиях в честь его бабушки. Десятилетие его военной службы не определяется формой, которую он надевает, и мы уважительно просим, чтобы основное внимание уделялось жизни и наследию Ее Величества Королевы Елизаветы ...
Прекратим беспредел в Промо
Дорогие блогоприятели и все кто читает этот пост, я уверен, что многие из Вас хотели бы пользоваться сервисом Промо для продвижения своего блога, но те цены, которые "воцарились" там в последнее время, просто ужасают! 40 000 жетонов это 10 000 рублей. ...
Каракулевая шуба
Помните, я публиковала здесь фото с каракулевой шубой, доставшейся мне за копейки небольшие деньги)) В одном из комментариев было пожелание добавить яркости образу, немного поэкспериментировать с цветом! Что ж... Смотрите. ...
болота псто
Мне лень. Нет ни повода, ни мотивации чтобы нопейсать в сюда псто. Понимаю что всем похуй, мне бы тоже на большинство из вас так было. Но чо делать-то? Забить ваще хуй на жужу и пейсать в сюда тока под алкоголем? Упс, я не копетон и не декабрьский, эти ниши уже заняты. Искать чота своё? А ...
WOW Авто Армия Беларусь Бизнес Видео Дети Жесть Животные Закон Здоровье Игры Интернет Искусство История Казахстан Кино Конфликты Коронавирус Коррупция Косметичка Криминал Кулинария Ликбез Литература Лытдыбр Медицина Мнения Музыка Наука Общество Олимпиада Отдых Отношения Персоны Политика Природа Происшествия Путешествия Разное Разоблачения Реклама Религия СНГ Сиськи События Спорт Страны ТВ и СМИ Творчество Технологии Транспорт Троллинг Финансы Фото Шоубиз Штуки Экономика Юмор