Февраль 18th, 2017


Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор»)


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

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

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

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

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

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

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

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

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

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


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

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

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 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”):

    Друзья, для тегов ЖЖ я завел отдельную страницу:
    htmlka.com/livejournal
    На нее также можно зайти, кликнув на Livejournal вверху справа в сайдбаре.

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

    Раздел о публикации картинок перемещен на страницу: htmlka.com/pictures
    Она же в сайдбаре вверху сбоку в разделе Страницы: Изображения.


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

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

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

    Такое красивое окошечко с кодом:

    Получаем таким образом:

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

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

    Спецсимвол Вид в браузере
    &lt; <
    &gt; >
    &amp; &
    &quot; "
    &reg; ®
    &trade;
    &copy; ©
    &hearts;
    &times; ×
    &asymp;
    &bull;
    &deg; °
    (градус)
    много символов

    Если вы видите это: ★, ☠, ☭ — есть смысл посмотреть «Прочие» спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов.


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

    — читайте Вставка Медиа-файлов


    Разное

    Поиск упоминаний о себе в блогах
    Счетчики статистики
    Советы по работе с html
    Хитрости в ЖЖ и не только


    Кнопка на этот сайт: Помощь блогеру
    код для вставки этой кнопки себе:


    ↑ В НАЧАЛО СТРАНИЦЫ ↑

  • Где учить HTML

    Февраль 18th, 2017

    Когда я впервые познакомился с языком разметки веб-страниц HTML, мне это показалось настоящим волшебством. Посудите сами: ставишь в разметку текста одному тебе понятные на тот момент значки, загружаешь — и получаешь красиво оформленную, как подарочная упаковка, страницу в сети интернет!

    Помните песню: «С чего начинается Родина?» — «С картинки в твоем букваре».
    С чего начинается любая веб-страничка в сети? Конечно, с «Hiper Text Markup Language», то бишь с HTML. Можете даже спеть. Чтоб никто не слышал. HTML -это язык, который понимают все браузеры. Если освоишь этот язык, будешь не только со всеми браузерами на короткой ноге 🙂 Станешь на один шаг ближе к тайной «кухне» глобальной сети, куда вход только особо посвященным.

    создание сайтов

    Язык HTML учит усидчивости и не прощает невнимательности — неверно поставленный пробел, наоборот, не поставленный где надо пробел, незакрытые кавычки, незакрытый тег — и ваш пост поехал, поплыл наперекосяк. А если это еще и общая лента в блог-сервисе (типа «живого журнала»), то пострадать могут и соседние посты, и общая читабельность ленты. А вот регистр ввода кода ни на что не влияет. Но все-таки общепринято вводить код не капслоком, конечно, а маленькими буквами. И, естественно, на латинице. Если в коде публикации изображений img src=, например, написать букву «с» в русской раскладке, ничего работать не будет, изображение просто не загрузится.

    Много тонкостей и при публикации гиперссылок. Рекомендую почитать как вставить ссылку на ресурсе для веб-мастеров и веб-дизайнеров Webdiz. Там всё грамотно и по полочкам разложено на понятном русском языке. Учтены все нюансы и различные варианты публикаций ссылок. Нужно сказать, я на этом ресурсе сам многому научился. Хотя думал самонадеянно, что знаю уже практически всё 🙂
    Кроме того, можно и нужно почитать на вышеупомянутом сайте уроки по CSS, PHP, Javascript, советы по юзабилити сайта, по раскрутке и продвижению ресурсов в сети, уроки по работе в знаменитой и культовой программе Photoshop.

    Стоит только начать, и сами не заметите, как начнете разбираться в этой непонятной на первый взгляд кодовой вязи. Опытные верстальщики и дизайнеры читают исходные коды веб-страниц как увлекательную и захватывающую книгу. Помню, на пике своего увлечения «кодовством» я мог зайти в книжный магазин, снять с полки томик по программированию, верстке и оформлению сайтов, попасть на интересное для себя место в книге — да так и простоять, листая страницы книги, часа два кряду, не замечая, как летит время. Я читал коды как увлекательные детективы.

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

    HTML

    Я постиг язык создания и оформления сайтов в уже достаточно зрелом возрасте. Так что учится никогда не поздно, даже если вы пенсионер. Заниматься самообразованием и развивать мозг на запоминание и внимательность полезно в любом возрасте, особенно пожилом, это лучшее средство от болезни Альцгеймера и рассеянного склероза 🙂

    Удачи вам в постижении новой информации!