Справочник по основным тегам HTML.
25-02-2016 08:05
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Справочник по основным тегам HTML.
При создании поста хочется не только дать какую то информацию, но и красиво оформить ее, так как это всегда привлекает внимание... Но не все знают как сделать это, да и трудно удержать в голове различные теги и формулы. Поэтому ВСЕ основные коды и подсказки, нужные на ЛиРу для оформления своих постов собраны здесь. Просто подставляйте в эти формулы свои тексты, ссылки, адреса, картинки и прочее. И ваши посты будут красивыми и привлекательными.
Коды всех приведенных ниже примеров в окошечках (под примерами).
Оформление текста
Перечёркнутый текст:ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Полную HTML подсказку по тексту СМОТРИМ ЗДЕСЬ
Центрирование:
текст (картинка) по центру
Выравнивание текста по правому краю поста:
Выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка
(Полная HTML по бегущей строке НАХОДИТСЯ ЗДЕСЬ
Вместо текста можно вставить картинку:
Код бегущей картинки:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
Полная HTML шпаргалка по линиям НАХОДИТСЯ ЗДЕСЬ
ее код:
Ударение:
Cтавим после нужной буквы:
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
Увеличить текст на 1 пункт: текст
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Выбераем нужный цвет и копируем его его код:
Еще нужные ссылки по ЦВЕТУ текста
ВИД ШРИФТА:
Объединяем атрибуты тега font (ВИД ШРИФТА, РАЗМЕР ЦВЕТ) в одном теге:
Шрифт этого текста «Monotype Corsiva»
код этого текста:
Оформление ссылок
Все о ссылках, оформление и коды, полную HTML по ссылкам СМОТРИМ ЗДЕСЬ
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Окошечко для вставки кода,
Как правильно вставлять код в окошко для кодов СМОТРИМ ЗДЕСЬ
Выглядит такое окно вот так так:
Код такого окна:
где rows и cols определяют площадь окна, его ширину и высоту
Он-лайн аудио-плееры
Вставить файл mp3 в блог:
Смотрите Вставка МУЗЫКИ И ПЛЕЕРОВ В БЛОГ
ВидеоХостинги (загрузка видео)
wikiupload.com (до 5Гб без регистрации)
ge.tt — без ограничений, P2P, не закрывать окно браузера до конца скачивания, скачивание непосредственно с вашего компа
justbeamit.com — без ограничений, P2P, аналогично предыдущему
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Справочник по основным тегам HTML.
Коды всех приведенных ниже примеров в окошечках (под примерами).
Оформление текста
Перечёркнутый текст:
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Полную HTML подсказку по тексту СМОТРИМ ЗДЕСЬ
Центрирование:
Выравнивание текста по правому краю поста:
Выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка
(Полная HTML по бегущей строке НАХОДИТСЯ ЗДЕСЬ
Вместо текста можно вставить картинку:
Код бегущей картинки:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
Полная HTML шпаргалка по линиям НАХОДИТСЯ ЗДЕСЬ
ее код:
Ударение:
Cтавим после нужной буквы:
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
Я
Пишу
Лесинкой!!!
РАЗМЕР ШРИФТА:
Уменьшить текст: текст — 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица «базовых» цветов (вводим «Имя» или «Код» на ЛиРу работают оба кода):
| Имя | Код | Имя | Код | Имя | Код | Имя | Код |
|---|---|---|---|---|---|---|---|
| aqua | #e2945e | green | #e2945e | navy | #e2945e | silver | #C0C0C0 |
| black | #e2945e | gray | #808080 | olive | #e2945e | teal | #e2945e |
| blue | #0000FF | lime | #00FF00 | purple | #e2945e | white | #e2945e |
| fuchsia | #FF00FF | maroon | #e2945e | red | #e2945e | yellow | #e2945e |
Генератор выбора цветов.
Выбераем нужный цвет и копируем его его код:
Еще нужные ссылки по ЦВЕТУ текста
ВИД ШРИФТА:
Шрифт этого текста «Monotype Corsiva»
Объединяем атрибуты тега font (ВИД ШРИФТА, РАЗМЕР ЦВЕТ) в одном теге:
Шрифт этого текста «Monotype Corsiva»
код этого текста:
Оформление ссылок
Все о ссылках, оформление и коды, полную HTML по ссылкам СМОТРИМ ЗДЕСЬ
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Окошечко для вставки кода,
Как правильно вставлять код в окошко для кодов СМОТРИМ ЗДЕСЬ
Выглядит такое окно вот так так:
Код такого окна:
где rows и cols определяют площадь окна, его ширину и высоту
Можно сделать окно цветное:
Кнопка-ссылка на веб-страничку
Например, на свой дневник:
Некоторые спецсимволы:
Официальная таблица спецсимволов НАХОДИТСЯ ЗДЕСЬ
Он-лайн аудио-плееры
Вставить файл mp3 в блог:
Смотрите Вставка МУЗЫКИ И ПЛЕЕРОВ В БЛОГ
ФотоХостинги загрузки картинок
ВидеоХостинги (загрузка видео)
ФайлоОбмен
filedropper.com (до 5Гб без регистрации)
wikiupload.com (до 5Гб без регистрации)
ge.tt — без ограничений, P2P, не закрывать окно браузера до конца скачивания, скачивание непосредственно с вашего компа
justbeamit.com — без ограничений, P2P, аналогично предыдущему
Разное
Поиск УПОМИНАНИЙ О СЕБЕ в блогах
Счетчики статистики
Советы по работе с html
Сайты для обработки фото. Все представленные сервисы бесплатные. Проверено, все ссылки рабочие и безопасные!
СОЗДАТЬ СЛАЙД - ШОУ
ДОБАВИТЬ ФОТОЭФФЕКТ. АНИМИРОВАТЬ ФОТО.
НАПИСАТЬ ТЕКСТ НА ФОТО
УВЕЛИЧИТЬ,УМЕНЬШИТЬ,ПОДПИСАТЬ.
СОЗДАТЬ БЛЁСТКИ НА ФОТО
ВСТАВИТЬ ЛИЦО В ШАБЛОН.СОЗДАТЬ РОЛИК.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,КОЛЛАЖИ, АВАТАРКИ
СОЗДАТЬ КОЛЛАЖ ИЗ ФОТО
МНОЖЕСТВО ФОТОРАМОК.ФОТОЭФФЕКТЫ.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,ГЛИТЕРЫ
УВЕЛИЧИТЬ,УМЕНЬШИТЬ. ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ
СОЗДАТЬ ЭФФЕКТЫ ДОЖДЯ,СНЕГА
СОЗДАТЬ ПРИКОЛЬНОЕ ФОТО
ИЗМЕНИТЬ РАЗМЕР,ПОДПИСАТЬ
МНОЖЕСТВО ФОТОРАМОК
ФОТОРАМКИ.ФОТОЭФФЕКТЫ
МНОЖЕСТВО ФОТОЭФФЕКТОВ И РАМОК
РАМКИ,ШАБЛОНЫ,ЭФФЕКТЫ
ОНЛАЙН РЕДАКТОР ФОТО
РЕДАКТОР ПРИКОЛЬНЫХ ФОТО
МНОЖЕСТВО РАМОК И ЭФФЕКТОВ
МОРЕ РАМОЧЕК,ЭФФЕКТЫ
ФОТОРАМКИ.РАЗНЫЕ ЭФФЕКТЫ,НАДПИСИ И Т.Д
ДЕТСКИЕ ФОТОРАМКИ ОНЛАЙН
МНОЖЕСТВО КРАСИВЫХ РАМОЧЕК
МНОГО ВАРИАНТОВ РАМОЧЕК
АНИМИРОВАТЬ ФОТО
СОЗДАТЬ ФОТОМОНТАЖ
ФОТОРАМОЧКИ ДЕТСКИЕ.
СОЗДАТЬ АНИМИРОВАННУЮ АВАТАРКУ
ЗВУКОВЫЕ ФЛЕШ ЭФФЕКТЫ ОНЛАЙН
ФОТОРАМКИ ОНЛАЙН
КРАСИВЫЕ ФОТОРАМОЧКИ
ОТЛИЧНЫЙ ФОТОРЕДАКТОР
ФОТОРЕДАКТОР ОНЛАЙН
ОБРЕЗАТЬ.ПОДПИСАТЬ ФОТО И Т.Д
СДЕЛАТЬ ФОТО С ЭФФЕКТОМ ВОДЫ
АНИМИРОВАННЫЕ ФОТОРАМКИ
ДОБАВИТЬ ФОТОЭФФЕКТ. АНИМИРОВАТЬ ФОТО.
НАПИСАТЬ ТЕКСТ НА ФОТО
УВЕЛИЧИТЬ,УМЕНЬШИТЬ,ПОДПИСАТЬ.
СОЗДАТЬ БЛЁСТКИ НА ФОТО
ВСТАВИТЬ ЛИЦО В ШАБЛОН.СОЗДАТЬ РОЛИК.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,КОЛЛАЖИ, АВАТАРКИ
СОЗДАТЬ КОЛЛАЖ ИЗ ФОТО
МНОЖЕСТВО ФОТОРАМОК.ФОТОЭФФЕКТЫ.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,ГЛИТЕРЫ
УВЕЛИЧИТЬ,УМЕНЬШИТЬ. ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ
СОЗДАТЬ ЭФФЕКТЫ ДОЖДЯ,СНЕГА
СОЗДАТЬ ПРИКОЛЬНОЕ ФОТО
ИЗМЕНИТЬ РАЗМЕР,ПОДПИСАТЬ
МНОЖЕСТВО ФОТОРАМОК
ФОТОРАМКИ.ФОТОЭФФЕКТЫ
МНОЖЕСТВО ФОТОЭФФЕКТОВ И РАМОК
РАМКИ,ШАБЛОНЫ,ЭФФЕКТЫ
ОНЛАЙН РЕДАКТОР ФОТО
РЕДАКТОР ПРИКОЛЬНЫХ ФОТО
МНОЖЕСТВО РАМОК И ЭФФЕКТОВ
МОРЕ РАМОЧЕК,ЭФФЕКТЫ
ФОТОРАМКИ.РАЗНЫЕ ЭФФЕКТЫ,НАДПИСИ И Т.Д
ДЕТСКИЕ ФОТОРАМКИ ОНЛАЙН
МНОЖЕСТВО КРАСИВЫХ РАМОЧЕК
МНОГО ВАРИАНТОВ РАМОЧЕК
АНИМИРОВАТЬ ФОТО
СОЗДАТЬ ФОТОМОНТАЖ
ФОТОРАМОЧКИ ДЕТСКИЕ.
СОЗДАТЬ АНИМИРОВАННУЮ АВАТАРКУ
ЗВУКОВЫЕ ФЛЕШ ЭФФЕКТЫ ОНЛАЙН
ФОТОРАМКИ ОНЛАЙН
КРАСИВЫЕ ФОТОРАМОЧКИ
ОТЛИЧНЫЙ ФОТОРЕДАКТОР
ФОТОРЕДАКТОР ОНЛАЙН
ОБРЕЗАТЬ.ПОДПИСАТЬ ФОТО И Т.Д
СДЕЛАТЬ ФОТО С ЭФФЕКТОМ ВОДЫ
АНИМИРОВАННЫЕ ФОТОРАМКИ
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Вы сейчас не можете прокомментировать это сообщение.
Дневник Справочник по основным тегам HTML. | Нинуля_Смолина - Дневник Нинуля_Смолина |
Лента друзей Нинуля_Смолина
/ Полная версия
Добавить в друзья
Страницы:
раньше»