-Метки

#своихнебросаем html словарик iustus pro me paint vkоntakte анимация безопасность будет вкусно в помощь дизайнеру в работу видео всё для дневника все про комп вуали генераторы генераторы/редакторы давайте перекусим далее дама-хозяйка декор делаем рамку для блога для творчества днюшка друзьям дыши со мной здоровье не купишь искусство к. девушки к. животный мир к. кулинарный к. праздник к. разное к. цветочный клипарт клипарт времена года клипарт кулинарный клипарт праздничный клипарт природа клипарт разное клипарт цветы клипрт девушки книга жизни кнопки код лиру комментики компьютер/помощь королевство позитива культшпаргалка литература личное мастерская мир женщины мозаика женской жизни мои бродилочки мои коллажи мои муз.открытки мои музоткрытки мои открытки мои плееры мои работы мои рамочки мои сообщества моим друзьям моя работа мысли вслух нейроарт ода женщине от друзей от любаши к. палитра памяти... плееры по клавишам души поздравления помощь программы работа с картинкой работа с текстом работы друзей развлечения разделители разное рамки 8 марта рамки в комплекте рамки весна рамки времена года рамки время кофе рамки девушки рамки дети рамки друзей рамки минимализм рамки музыкальные рамки нежный образ рамки объёмные рамки он и она рамки осень рамки от e-ledi рамки по цвету рамки праздник рамки рабочие рамки религия рамки с прокруткой рамки текстурные рамки цветы рамочки в комплекте рамочки весенние рамочки времена года рамочки время кофе рамочки день рождения рамочки как это много-просто быть вдвоём рамочки кофейные рамочки мир женщины рамочки пасха рамочки по цвету рамочки пожелания рамочки поздравительные рамочки праздничные рамочки природа рамочки прочей тематики рамочки пусть седина виски посеребрила рамочки рабочие рамочки разное рамочки религиозные рамочки с цитатой рамочки текстовые рамочки цветочное ассорти рамочки юмор релакс россия сво сервисы онлайн серенада кофе символы слова и мысли соrel создание плеера сообщества схемы тест украшалочки улыбочку умности-разумности уроки в gimp уроки от любаши ф. аним ф. бордюры ф. в коллаж ф. времена года ф. кантемирова ирина ф. лиру ф. наборы ф. однотонный ф. по цвету ф. праздник ф. прозрачные ф. текстура ф. цветы фоны фоны лиру фотопроект фотошоп хостинги цитатник шаблоны шаблоны рамок эдитор я люблю россию

 -Рубрики

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

 

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

Поиск сообщений в E-Ledi

 -Статистика

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


Шпаргалка по HTML № 2

Четверг, 07 Ноября 2013 г. 22:42 + в цитатник
Цитата сообщения Advayta

Оформление текста
(рекомендую спец. страничку TEXT):

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

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

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

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

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

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

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

Центрирование:

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


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

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

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

Бегущая строка (рекомендую Бегущая строка):
бегущая, как олень, строка

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

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

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

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

Линия:


ее код:
Ударение:
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”
    код этого текста:

    Оформление ссылок (рекомендую спец. страницу Ссылки):

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

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

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


    Спец. теги ЖЖ:

    Элементарный жж-кат (с “Read more”):

    жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

    Работу ката не видно в режиме “ПРОСМОТР”
    Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

    Сссылка на сообщество, например: aforism
    делается точно так же:

    Если надо так:wildmale
    или так: comm - идем СЮДА

    Вместо wildmale пишем Дикий самец:

    Ежели надо с “человечком”: Дикий самец:

    Скопировав код, не забудьте поменять реквизиты.
    Вставка МЕДИА-файлов:
    Видео, флеш и проч. в ЖЖ вставляются так:


    Публикация картинок:

    Код любой картинки в сети в простом варианте выглядит так:
    <img src="http://.../...jpg">
    Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
    Совсем “чайникам” рекомендую (для ЖЖ):
    1.Открываешь ljplus.ru
    2. Регистрируешься
    3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
    4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
    5. Постишь. Становишься знаменитым.
    В каменты картинки ставятся аналогично, кат не работает.

    Как сделать, чтобы текст «обтекал» картинку?
    Легко - картинка слева, текст справа:
    добавляем в код картинки:
    align=left hspace=20
    Код картинки примет вид:
    <img src="http:…" align=left hspace=20>
    Помни:
    align=left – картинка слева, текст справа
    align=right - картинка справа, текст слева
    hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
    vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
    Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
    <img src="http:…" align=left hspace=20 vspace=15>

    Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
    Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
    <br><br><br> - три пустые строки.

    Вставить две и более картинки горизонтально:
    - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

    Регулируем расстояние меж картинками по-горизонтали:
    С помощью “неразрывного пробела”:  &nbsp;
    Расстояние, равное 8 пробелам будет выглядеть так:

    Вставляется меж кодов картинок, есс-но

    Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

    Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей

    Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

    затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

    Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

    Как запостить галерею? Узнай ЗДЕСЬ
    Как запостить слайдшоу? Узнай ЗДЕСЬ


    Окошечко для вставки кода, типа:

    получаем так:

    где rows и cols определяют площадь окна

    Можно сделать покрасивше:

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

  • Рубрики:  ЛИРУШКИН ЛИКБЕЗ/♦ HTML словарик
    Метки:  
    Понравилось: 3 пользователям

    Надежда_Заломина   обратиться по имени Четверг, 07 Ноября 2013 г. 23:27 (ссылка)
    Спасибо большое.
    Ответить С цитатой В цитатник