-Рубрики

 -Метки

!!! НОСКИ ангина бабочки бактус берет блузки болеро брюггское кружево брюки варежки воротники вторые блюда выведение пятен вышивка вязание на вилке вязание+ткань вязанные игрушки гипертония грибок детские модели джемпер домоводство дуплет жакет жилеты журналы заготовки закуски здоровье игрушки интернет интерьер ирландское кружево кабачки кайма кардиган ковры кожные болезни компьютер костюмы кофта красота ленточное кружево листья магия манишки массаж мелодрама мужские модели мультиварка накидки новорождённым норвежские узоры открытки очищение организма палантин пальто пинетки пирог платье плед поделки полезное полезные советы по вязанию пончо похудение программы для компа простуда пэчворк реглан садоводство салаты салфетки сериалы снуд стихи сумки суставы тапочки топы торт трансформеры туники тунисское вязание узоры украшение блюд украшения физкультура филейное вязание фриформ цветы шали шапки шарфы шитьё шляпки штора юбки юмор

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

Поиск сообщений в Ирчоха

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

 

 -Статистика

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


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

Вторник, 06 Декабря 2011 г. 10:34 + в цитатник
Цитата сообщения 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 определяют площадь окна

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

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

  • Рубрики:  Оформление блога, дневника.
    Метки:  

     

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

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

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

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