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

---

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

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

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

Шпаргалка	Вебмастерам
Оформление текста: <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>	первый элемент второй элемент ...... Y - элемент
Маркированный список
<ul type=disc> <li>первый элемент</li> <li>второй элемент</li> ..... <li>Y - элемент</li> </ul>	первый элемент второй элемент ...... Y - элемент

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

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

• Как перенести блог Blogspot на персональный домен;
• Азбука SEO для вебмастеров;
• Полезные и необходимые программы для вебмастеров;
• Оформление горизонтальной линии HR с использованием CSS;

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