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

Главная Новости

Еще немного 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″» из формулы.



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

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

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

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

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

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

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

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

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

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

rss