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

Поиск сообщений в любава41

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.01.2012
Записей: 1252
Комментариев: 166
Написано: 1665


Без заголовка

Суббота, 06 Августа 2016 г. 06:03 + в цитатник
Цитата сообщения Шадрина_Галина Справочник по основным тегам HTML.

1248682579_42.gif
5642bb1e8c_96644803_o2.gif
При создании поста хочется не только дать какую то информацию, но и красиво оформить ее, так как это всегда привлекает внимание... Но не все знают как сделать это, да и трудно удержать в голове различные теги и формулы. Поэтому ВСЕ основные коды и подсказки, нужные на ЛиРу для оформления своих постов собраны здесь. Просто подставляйте в эти формулы свои тексты, ссылки, адреса, картинки и прочее. И ваши посты будут красивыми и привлекательными.

СПРАВОЧНИК ПО HTML.


Коды всех приведенных ниже примеров в окошечках (под примерами).

Оформление текста


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



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



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



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



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



Маленький текст: текст



Неразрывный пробел:





Полную HTML подсказку по тексту СМОТРИМ ЗДЕСЬ




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




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



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



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






Бегущая строка
(Полная HTML по бегущей строке НАХОДИТСЯ ЗДЕСЬ



Красиво бегущая строка





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

241409xGO9vEHn (40x38, 5Kb)

Код бегущей картинки:




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



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




Линия:
Полная HTML шпаргалка по линиям НАХОДИТСЯ ЗДЕСЬ



ее код:




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



«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
Я
Пишу
Лесинкой!!!




РАЗМЕР ШРИФТА:




Уменьшить текст: текст — 2



Увеличить текст на 1 пункт: текст



Увеличить текст на 2 пункта: текст





Увеличить текст на 3 пункта: текст





Увеличить текст на 4 пункта: текст






ЦВЕТ ШРИФТА:




КРАСНЫЙ: красный текст



ЖЕЛТЫЙ: желтый текст



ФИОЛЕТОВЫЙ: фиолетовый текст



ЗЕЛЕНЫЙ: зеленый текст



СИНИЙ: синий текст



ФУКСИЯ: фуксия текст




Таблица «базовых» цветов (вводим «Имя» или «Код» на ЛиРу работают оба кода):


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFF green#008000 navy#000080 silver#C0C0C0
black#000000 gray#808080 olive#808000 teal#008080
blue#0000FF lime#00FF00 purple#800080 white#FFFFFF
fuchsia#FF00FF maroon#800000red#FF0000 yellow#FFFF00





Генератор выбора цветов.



Выбераем нужный цвет и копируем его его код:







Еще нужные ссылки по ЦВЕТУ текста

  • ТАБЛИЦА БЕЗОПАСНЫХ ЦВЕТОВ ЗДЕСЬ


  • ВСЕ ЦВЕТА ИНТЕРНЕТА ЗДЕСЬ



    ВИД ШРИФТА:
  • Шрифт этого текста «Monotype Corsiva»




    Объединяем атрибуты тега font (ВИД ШРИФТА, РАЗМЕР ЦВЕТ) в одном теге:

    Шрифт этого текста «Monotype Corsiva»

    код этого текста:





    Оформление ссылок
    Все о ссылках, оформление и коды, полную HTML по ссылкам СМОТРИМ ЗДЕСЬ



    Как вставить ссылку на веб-страницу:



    Как сделать, чтобы картинка была ссылкой на веб-страницу:



    Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:





    Окошечко для вставки кода,
    Как правильно вставлять код в окошко для кодов СМОТРИМ ЗДЕСЬ

    Выглядит такое окно вот так так:

    Код такого окна:


    где rows и cols определяют площадь окна, его ширину и высоту




    Можно сделать окно цветное:






    Кнопка-ссылка на веб-страничку
    Например, на свой дневник:






    Некоторые спецсимволы:

    Официальная таблица спецсимволов НАХОДИТСЯ ЗДЕСЬ



    Он-лайн аудио-плееры
    Вставить файл mp3 в блог:




    Смотрите Вставка МУЗЫКИ И ПЛЕЕРОВ В БЛОГ



    ФотоХостинги загрузки картинок

    gallery.ru
    imagebam.com
    imgur.com
    imageshack.us
    tinypic.com
    foto.radikal.ru
    photobucket.com




    ВидеоХостинги (загрузка видео)

    Youtube
    Rutube
    Vimeo




    ФайлоОбмен

    filedropper.com (до 5Гб без регистрации)
    wikiupload.com (до 5Гб без регистрации)
    ge.tt — без ограничений, P2P, не закрывать окно браузера до конца скачивания, скачивание непосредственно с вашего компа
    justbeamit.com — без ограничений, P2P, аналогично предыдущему


    Разное


    Поиск УПОМИНАНИЙ О СЕБЕ в блогах

    Счетчики статистики

    Советы по работе с html




    Сайты для обработки фото. Все представленные сервисы бесплатные. Проверено, все ссылки рабочие и безопасные!

    СОЗДАТЬ СЛАЙД - ШОУ
    ДОБАВИТЬ ФОТОЭФФЕКТ. АНИМИРОВАТЬ ФОТО.
    НАПИСАТЬ ТЕКСТ НА ФОТО
    УВЕЛИЧИТЬ,УМЕНЬШИТЬ,ПОДПИСАТЬ.
    СОЗДАТЬ БЛЁСТКИ НА ФОТО
    ВСТАВИТЬ ЛИЦО В ШАБЛОН.СОЗДАТЬ РОЛИК.
    ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,КОЛЛАЖИ, АВАТАРКИ
    СОЗДАТЬ КОЛЛАЖ ИЗ ФОТО
    МНОЖЕСТВО ФОТОРАМОК.ФОТОЭФФЕКТЫ.
    ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,ГЛИТЕРЫ
    УВЕЛИЧИТЬ,УМЕНЬШИТЬ. ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ
    СОЗДАТЬ ЭФФЕКТЫ ДОЖДЯ,СНЕГА
    СОЗДАТЬ ПРИКОЛЬНОЕ ФОТО
    ИЗМЕНИТЬ РАЗМЕР,ПОДПИСАТЬ
    МНОЖЕСТВО ФОТОРАМОК
    ФОТОРАМКИ.ФОТОЭФФЕКТЫ
    МНОЖЕСТВО ФОТОЭФФЕКТОВ И РАМОК
    РАМКИ,ШАБЛОНЫ,ЭФФЕКТЫ
    ОНЛАЙН РЕДАКТОР ФОТО
    РЕДАКТОР ПРИКОЛЬНЫХ ФОТО
    МНОЖЕСТВО РАМОК И ЭФФЕКТОВ
    МОРЕ РАМОЧЕК,ЭФФЕКТЫ
    ФОТОРАМКИ.РАЗНЫЕ ЭФФЕКТЫ,НАДПИСИ И Т.Д
    ДЕТСКИЕ ФОТОРАМКИ ОНЛАЙН
    МНОЖЕСТВО КРАСИВЫХ РАМОЧЕК
    МНОГО ВАРИАНТОВ РАМОЧЕК
    АНИМИРОВАТЬ ФОТО
    СОЗДАТЬ ФОТОМОНТАЖ
    ФОТОРАМОЧКИ ДЕТСКИЕ.
    СОЗДАТЬ АНИМИРОВАННУЮ АВАТАРКУ
    ЗВУКОВЫЕ ФЛЕШ ЭФФЕКТЫ ОНЛАЙН
    ФОТОРАМКИ ОНЛАЙН
    КРАСИВЫЕ ФОТОРАМОЧКИ
    ОТЛИЧНЫЙ ФОТОРЕДАКТОР
    ФОТОРЕДАКТОР ОНЛАЙН
    ОБРЕЗАТЬ.ПОДПИСАТЬ ФОТО И Т.Д
    СДЕЛАТЬ ФОТО С ЭФФЕКТОМ ВОДЫ
    АНИМИРОВАННЫЕ ФОТОРАМКИ

    1248682579_42.gif



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

    Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
    Часть 2 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 18 - Как правильно вставлять код в окошко для кодов.
    Часть 19 - Рамочки с флагом своей страны.
    Часть 20 - Справочник по основным тегам HTML.
    Часть 21 - Создание рамочек без знаний html всего за пару минут
    Часть 22 - Главные люди на Ли.ру
    Часть 23 - Простейший генератор оригинальных рамочек


    Метки:  
    Понравилось: 1 пользователю

     

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

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

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

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