Как стать профессиональным блоггером -Блог о Живом Журнале
Главная страница
Авторизоваться
Подписаться на RSS
Об авторе
Сервисы
Реклама
Услуги
Портфолио
Партнерство

Как стать профессиональным блоггером

Февраль 19th, 2011 Автор grafchitaru Рубрики: Пользование ЖЖ

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

Так что же такое html и с чем его едят?


HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.(Определение из Википедии)

Чаще всего на всех блог-площадках существует два способа создавать посты — в режиме визуального редактора и в режиме html. Я рекомендую вам пользоваться именно html режимом, так как визуальный редактор не всегда выдает именно то, что вы хотите. Да и не всегда визуальный редактор сможет справиться с тем, что именно вам необходимо.
Итак, я подготовил для вас все основные теги, которые вам понадобятся при ведении блога.


Форматирование текста

<h1>Заголовок</h1>

<b>Полужирный текст</b>, <i>Курсив</i>, <u>Подчеркнутый текст</u>, <s>Перечеркнутый текст</s>, <big>Крупный текст</big>, <small>Маленький текст</small>, <sup>Текст вверху</sup>, <sub>Текст внизу</sub>, <acronym title=»Всплывающая подсказка»>Текст со всплывающей подсказкой</acronym>, <font style=»font-size:20pt;»>Шрифт размером 20 пикселей</font>, <font style=»font-family:Monotype Corsiva; font-size:15pt;»>Шрифт Monotype Corsiva, 15 пикселей</font>, <font color=»#0000ff»>Синий текст

<div style=»background-color:lightgray; color:#0000ff;»>синий текст, серый фон</div>

<blockquote>
Текст в отдельном блоке с небольшим отступом от левого края.
</blockquote>

<div style=»float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:400px;»>
Текст с правого края, обтекаемый другим текстом, с серой рамкой и отступом от рамки снаружи в 8 пикселей.
</div>
 

<CENTER>Центрирование</CENTER>
<marquee>строка, бегущая влево</marquee><marquee direction=»right»>строка, бегущая вправо</marquee>
<marquee direction=»up» scrollamount=»1″ scrolldelay=»0″ height=»32″>
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой
</marquee>

<div style=»overflow:auto; height:30px; width:500px; padding:8px; border:1px solid #ccc;»>Вертикальная перемотка большого текста. Вертикальная перемотка большого текста.Вертикальная перемотка большого текста</div >

<br> — перенос строки. <hr> — линия на всю ширину экрана, вот такая:


<hr size=»5″ width=»50%» align=»center» color=»blue»> — Линия на половину экрана, толщиной 5 пикселей, расположеная по центру, синего цвета:

Списки

  • <li>Первый пункт несортированного списка
  • <li>Второй пункт несортированного списка

<ol>

  1. <li>Первый пункт сортированного списка
  2. <li>Второй пункт сортированного списка

<ol>

Ссылки и картинки

Код ссылки: <A href=»http://grafchitaru.livejournal.com/tag/КАК%20СТАТЬ%20ПРОФЕССИОНАЛЬНЫМ%20БЛОГГЕРОМ» title=»Как стать профессиональным блоггером!»>Как стать профессиональным блоггером!</A>
Код кнопки-ссылки:<form action=»http://grafchitaru.livejournal.com/tag/КАК%20СТАТЬ%20ПРОФЕССИОНАЛЬНЫМ%20БЛОГГЕРОМ» target=»_blank»><input type=submit value=»Как стать профессиональным блоггером»></form>

Вставить картинку:<a href=»Ссылка»><img src=»Адрес картинки» width=»Ширина» height=»Высота» title=»Всплывающая подсказка» alt=»Текст, если нет картинки» border=»Толщина рамки»/></a>
Текст, если нет картинки

Специальные теги в ЖЖ:

Кат в ЖЖ: Текст не под катом<lj-cut text=»ПОДЗАГОЛОВОК»>Текст под катом</lj-cut>Текст не под катом
ЖЖ пользователь: <lj user=»[info]grafchitaru «>
ЖЖ сообщество: <lj comm=[info]topnew >
ЖЖ пользователь:
<lj user=grafchitaru title=»[info]Дмитрий Анатольевич «>
<noindex>Текст, защищенный от Яндекс-поисковика</noindex>

Графическая диаграмма:

Код диаграммы:

 
25% — Одно
 
70% — Второе
 
5% — Третье

Методы перепоста:

  1. Кнопка


  2. Текстовое поле со вставленным html:

    <textarea
    cols=»30″ rows=»2″>Ваш html код(например ссылка)</textarea>

  3. Теги:
Получать обновления блога по почте:

Комментарии закрыты.