Оформление, выравнивание, убрать под кат текст в блоге



Шпаргалка для вебмастеров


Коды для выравнивания текста, изменения размеров, цвета и шрифта текста
Здравствуйте дорогие блоггеры. Сегодня у нас урок по работе с текстом. Ниже представлены коды оформления текста: как изменить шрифт, размер, цвет текста, выровнять и убрать текст под кат.

Если заметили ошибку, сообщите через контактную форму или напишите в комментариях.


                     Шпаргалка
              Вебмастерам
  Оформление текста:
<u>Ваш текст</u> -  Ваш текст;
<s>Ваш текст</s> - Ваш текст; 
<b>Ваш текст</b> - Ваш текст;
<i>Ваш текст</i> - Ваш текст; 
&nbsp; &nbsp; &nbsp; - пробел;
<br/> - перенос по строке вниз;
<center>Текст</center> - текст по центру.
 Таблица:
<table border=0 wight=52%> - начало таблицы;
<tr> - начало строки;
</tr> - конец строки;
<td> и </td> - между этими символами заключается одна ячейка таблицы;
</table> - конец таблицы.
  Ссылки:
<a href="URL страницы"> Ваш текст</a>

<a href="URL страницы"><img src="URL картинки"></a> - кликабельная картинка,

<a href="URL страницы" target="_blank">Ваш текст</a> - ссылка откроется в новом окне.
 Scroller для текста, изображений, HTML кода

<div style="width: 100%; height: 200px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 12px;  overflow: auto">здесь текст или код</div>
Спрятать длинный текст спойлером, читайте по ссылке:

https://www.bdblogov.ru/2013/09/blog-post_9536.html

 Шрифт, размер, цвет текста: 
<span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span>
 Кнопка:   
<a href="Ссылка"><input type="submit" value="Надпись на кнопке" /></a>
Обтекание картинки текстом: 
<img src="http:…" align=left hspace=20 vspace=20>
                

<br/> - Перенос по строке вниз; 
title="Текст" - всплывающая подсказка; 
&nbsp; &nbsp; &nbsp; &nbsp; - пробел; 
<u>Ваш текст</u> -  Подчеркнутый; 
<s>Ваш текст</s> - Перечеркнутый; 
<b>Ваш текст</b> - Полужирный; 
<big>Ваш текст</big> - Полужирный крупный; 
<i>Ваш текст</i> - Курсив; 
<tt>шрифт "пишущая машинка"</tt> - шрифт "пишущая машинка" 
<blockquote>цитата</blockquote> - цитата 
<hr>-линия;

В этой линии можно настроить ширину и толщину

<hr noshade width=60% size="3">

Вертикальная линия

<hr noshade  align="center" width="3" size="50">

width="3" size="50" ширина и высота;

Такая линия разделитель текста

~~~~~~~~~~~~~~~~~~~~~~~~

<p align=center style=color:blue;>~~~~~~~~~~~~~~~~~~~~~~~~</p>


Таблица:

 <table border=0 widht=52%> - 
таблица (начало) 
<tr> - строка (начало); 
</tr> - конец строки; 
Между символами <td> и </td> заключается отдельная ячейка таблицы; 
</table>- конец таблицы. 

Выравнивание текста: 

<div align=right> ваш текст </div> - выравнивание по правому краю; 
<div align=left> Текст выровнен по левому краю </div>
<div align=justify> ваш текст </div> - выравнивание по всей ширине текста; 
<center>ваш текст, картинка</center> - центрирование. 


ТЕКСТ БУДЕТ ТАКИМ
<font face="Monotype Corsiva" size="+2" color="9b089e">ТЕКСТ БУДЕТ ТАКИМ</font>

Списки HTML
Нумерованный список
<ol type=1><li>первый элемент</li>
<li>второй элемент</li>
.....
<li>Y - элемент</li>
</ol>
  1. первый элемент
  2. второй элемент
  3. ......
  4. Y - элемент
Маркированный список
<ul type=disc>
<li>первый элемент</li>
<li>второй элемент</li>
.....
<li>Y - элемент</li>
</ul>
  • первый элемент
  • второй элемент
  • ......
  • Y - элемент

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

Читать также:


Рекомендуемый контент:




Автор статьи ✎ Olga Protasova Выпуск ✹ 5/26/2018 Ярлыки ►


Открыть комментарии →

6 коммент. :

  1. Ответы
    1. Татьяна здравствуйте, и благодарю за отзыв.

      Удалить
  2. Ответы
    1. Jozef, пожалуйста. Приходите за информацией, в блоге много всего интересного.

      Удалить
  3. Кстати, в блоггере в 'симпл блог' дизайне не работает ни их встроенная функция для ката, ни то, что вы приводите. Баг?

    ОтветитьУдалить
    Ответы
    1. Jozef, проверила, кат не работает. Статья написана в 2014 году, на тот момент все работало. В Google произошло много изменений, по возможности стараюсь исправлять. Почитайте статью "Спрятать длинный текст спойлером"по ссылке:
      https://www.bdblogov.ru/2013/09/blog-post_9536.html

      Протестировала в демо блоге, код рабочий.

      Удалить


Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь Генератором HTML кода


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *