HTML-коды

⇐          Код в HTML и Шорткоды            

шарткоды ″ Большинство веб-страниц создаются при помощи языка HTML. Мы сегодня разберём основные HTML-коды которые Вам и не раз понадобятся. А также установим очень полезный в этом плане плагин Shortcodes UltimateHTML- редактирование сделает Ваши статьи более читабельными. Вы сможете выделить главное и разнообразить Ваши статьи.

В таблице представлены основные HTML-коды, которые Вам и не раз пригодятся:
  
таблица HTML-кодов

Html-код для сайтов

Код HTML Отображение  на странице Пояснения
 <s>vip-555.ru</s> vip-555.ru зачёркнутый шрифт
 <u>vip-555.ru</u> vip-555.ru подчёркнутый шрифт
 <b>vip-555.ru</b> vip-555.ru жирный шрифт
 <big>vip-555.ru</big> vip-555.ru Увеличенный шрифт
 <small>vip-555.ru</small> vip-555.ru уменьшенный шрифт
<i>vip-555.ru</i> vip-555.ru Наклонный шрифт
 <b><i>vip-555.ru</i></b> vip-555.ru наклонный жирный шрифт
<u><b><i>vip-555.ru</i></b></u> vip-555.ru наклонный жирный подчеркнутый шрифт
 <span style="border-bottom: 3px dotted lime;">vip-555.ru</span>
vip-555.ru Текст, подчеркнутый точечным пунктиром
<span style="border-bottom: double red;">vip-555.ru</span>
vip-555.ru Текст, подчеркнутый двойной чертой
 <span style="border-bottom: 2px dashed red;">vip-555.ru</span>
vip-555.ru Текст, подчеркнутый пунктиром
<font face="Monotype Corsiva">vip-555.ru</font>
vip-555.ru Шрифт этого текста «Monotype Corsiva»
<font color="FF0000">vip-555.ru</font>
vip-555.ru Задаём цвет текста таблица цветов
<span style="background-color:blue; color:white; padding:3px;">
vip-555.ru
</span>
vip-555.ru Цветной текст с цветным фоном
<span style="border:2px solid red; padding:3px;"><span style="color:blue;">
vip-555.ru
</span></span>
vip-555.ru Синий текст в красной рамке
<font size="+6" face="Monotype Corsiva" color="#0000FF">V</font> <i>
ip-555.ru
</i>
v ip-555.ru Выделяем буквицу
<p title="ПОЯСНИТЕЛЬНЫЙ">vip-555.ru</p>

vip-555.ru

Подведите курсор к этому тексту и появиться пояснение
<big><b>vip-555.ru</b></big> vip-555.ru жирный шрифт+большой
<p>vip-555.ru</p> vip-555.ru. Чтобы разбить текст на части, нужно КАЖДЫЙ параграф заключить между тегами.
</br>   Чтобы принудительно перенести текст на новую строчку, используется тег
<center>vip-555.ru</center>            vip-555.ru по центру
<p>Абзац</p>
<p>Абзац</p>
<!-- <p>Абзац</p> -->
   закомментировать строку в html
<p style=»font-weight:100;»>vip-555.ru</p>

vip-555.ru

Совсем не жирный текст
&nbsp;   Пробел

 

Html-код цвета

Html-код цвета для Вашего сайта

HTML-код цветаЕщё один момент, где лучше всего брать Html-код цвета? Лучше всего и удобнее брать HTML-код в Вашей же панели администрирования. Когда, к примеру, Вы пишите статью 4 не сложных шага и всё!. И при этом всё будет корректно отображаться на Ваших страницах. Что не всегда бывает, если Вы используете палитру Html-код цвета с дополнительных сайтов.  

плагин Shortcodes Ultimate

Ещё один замечательным плагин Shortcodes Ultimate.
Он нам значительно облегчит задачу. В список HTML-кодов входят 30 очень нужных шорткодов. В настройках плагина можно посмотреть демо всех шорткодов, а также есть удобный список всех HTML-кодов.

шорткоды
на картинке показана кнопка вызова списка шорткодов

У плагина удобная и понятная навигация. Во время написания статьи легко можно воспользоваться любым шорткодом, достаточно вызвать весь список одним нажатием.

Список функций плагина:
2014-03-04_184835

А установить плагин очень просто. Вам достаточно знать название плагина Shortcodes Ultimate.
А далее всё как мы уже и не раз делали. Заходим в админпанель Вашего сайта, ищем с лева в панели раздел – Плагины – Добавить новый- (в строку поиск вставляем) Shortcodes Ultimate-Поиск плагинов –Установить- Активировать.

Нужный нам плагин появиться первым. Его автор Владимир Анохин рейтинг 5 звёзд

Поделитесь в социальных сетях, расскажите друзьям! ))) если Вам понравилась у меня!!! Спасибо !!!

№19  Видео урок. Код в HTML Шорткоды  

Добавить комментарий