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



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


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

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


                     Шпаргалка
              Вебмастерам
  Оформление текста:
<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> - ссылка откроется в новом окне.
  Окошко для вставки кода:
 1.<textarea rows="2" cols="60"> Ваш код </textarea> ,где cols - ширина окошка в px, а rows - высота окна.

2.<input size="35" value="Ваш код"h-text"><div class="b-text"
 Кат текста: 
<cut text="Читать подробнее">Основной текст </cut>
 Шрифт, размер, цвет текста: 
<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>- конец таблицы. 

Убрать под кат: 
<cut text="Читать далее (смотреть видео, изображения) и т.д."> Ваш текст, который нужно убрать под кат </cut> 
Выравнивание текста: 
<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 Выпуск ✹ 2/03/2014 Ярлыки ►


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

0 коммент. :

Отправить комментарий


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

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

Имя

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

Сообщение *