Как стать профессиональным блоггером
Если вы решили стать профессиональным блоггером, то могу сказать вам практически со стопроцентной уверенностью, что вы не справитесь без знания хотя бы основ 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»>Синий текст
<blockquote>
Текст в отдельном блоке с небольшим отступом от левого края.
</blockquote>
Текст с правого края, обтекаемый другим текстом, с серой рамкой и отступом от рамки снаружи в 8 пикселей.
</div>
<br> — перенос строки. <hr> — линия на всю ширину экрана, вот такая:
<hr size=»5″ width=»50%» align=»center» color=»blue»> — Линия на половину экрана, толщиной 5 пикселей, расположеная по центру, синего цвета:
Списки
- <li>Первый пункт несортированного списка
- <li>Второй пункт несортированного списка
<ol>
- <li>Первый пункт сортированного списка
- <li>Второй пункт сортированного списка
<ol>
Ссылки и картинки
Код ссылки: <A href=»
Код кнопки-ссылки:<form action=»
Вставить картинку:<a href=»Ссылка»><img src=»Адрес картинки» width=»Ширина» height=»Высота» title=»Всплывающая подсказка» alt=»Текст, если нет картинки» border=»Толщина рамки»/></a>
Специальные теги в ЖЖ:
Кат в ЖЖ: Текст не под катом<lj-cut text=»ПОДЗАГОЛОВОК»>Текст под катом</lj-cut>Текст не под катом
ЖЖ пользователь: <lj user=»
ЖЖ сообщество: <lj comm=
ЖЖ пользователь: <lj user=grafchitaru title=»
Графическая диаграмма:
Код диаграммы:
Методы перепоста:
- Кнопка
- Текстовое поле со вставленным html:
<textarea
cols=»30″ rows=»2″>Ваш html код(например ссылка)</textarea>