<
  • Главная
Статьи

Еще немного html для лучшего оформления статей

Опубликовано: 01.09.2018

Выделение цветом

Если нужно выделить цветом какой-либо кусок текста, чтобы сделать акцент на важности этой информации, то это слово (словосочетание, предложение и т.д.) нужно заключить вот в такие теги:

<font color=»navy»> слово (словосочетание, предложение, …) </font>

Атрибут color тега font как раз и назначает цвет тексту. А сам цвет указан в кавычках. В данном случае стоит синий, но его можно заменить на любой другой. Кроме того, вместо буквенного обозначения цвета можно писать его цифровое значение, только перед ним обязательно поставить значок «решетка» . Например, тот же синий цвет текста в коде будет выглядеть так:

<font color=»#000080″> слово (словосочетание, предложение, …) </font>

Основные цвета:

Синий – navy (#000080)

Красный – red (#FF0000)

Зеленый – green (#008000)

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

Кликабельная картинка

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

<a href=»АДРЕС СТРАНИЦЫ» target=_blank title=» Пояснительный текст «><img src=»АДРЕС КАРТИНКИ»></a>

Только не забывайте, что если картинка – рекламный материал партнерской программы, в которой вы участвуете, вместо « АДРЕС СТРАНИЦЫ » нужно ставить свою партнерскую ссылку, а не просто ссылку на рекламируемую страницу. Иначе останетесь без заработка, так как у сайта партнерской программы не будет сведений о том, кто привел покупателя (то есть о том, что клиент пришел именно с вашего сайта).

Бегущая строка

Иногда хочется обратить внимание посетителей на какой-то материал вашего сайта или сообщить какую-нибудь важную информацию так, чтобы ее все заметили. Для этого хорошо подходит бегущая строка в верхней части страницы, так как движущийся объект всегда привлекает внимание.

Сделать бегущую строку очень просто. Для этого нужно заключить текст вот в такие теги:

<marquee> ТЕКСТ </marquee>

Только не советую помещать туда большие куски текста. Скорее всего, никто не дочитает его до конца. Желательно, чтобы фраза была короткой и информативной.

Заголовки

Если вы хотите сделать заголовок или подзаголовок, разделяющий куски текста, это можно сделать так:

«……должны периодически добавляться (обновляться). </p><br>

<center><font size=»+1″ color=»navy»><b> Заголовок </b></font></center><br>

<p align=justify> Сайт нужно продвигать (рекламировать) хотя бы……..»

В примере, который я привела, заголовок стоит по центру страницы (тег <center> ) и он выделен синим цветом ( color=»navy» ) и полужирным ( тег <b> ). Кроме того, в теге font вы видите атрибут size со значением «+1» . Это означает, что текст заголовка будет на 1 пункт больше, чем основной текст. Чтобы сделать его еще крупнее, можно поставить «+2» . Если поставить «+3» то он будет   огромным. Если же вы не хотите, чтобы текст заголовка (подзаголовка) был крупнее основного, просто уберите « size =»+1″» из формулы.



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью

rss