Полезные символы.

Зачастую возникает необходимость поместить bb или html коды в посте или комментариях. Но не все знают, как заменить треугольные или прямоугольные скобочки, чтобы они отобразились именно "скобочками". Я, вроде как и знаю, как их писать, но с завидной регулярностью забываю и бреду по постам, чтобы скопировать этот крошечный злосчастный кодик, что отнимает время и ужасно портит настроение, ибо я начинаю на себя злиться :-)))
Поэтому выношу самые употребляемые символы в таблицу, чтоб были всегда под рукой. Может, кому-нибудь пригодятся :-)

Таблица дальше > > >

Как делать списки в блоге.

Как интересно и чётко подать информацию.Нужно просто воспользоваться списками. Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера. UL Создает неупорядоченный список . Первый пункт списка Второй пункт списка Третий пункт списка <ul><br /> <li> Первый пункт списка </li><br /> <li> Второй пункт списка </li><br /> <li> Третий пункт списка </li><br /> </ul><br /> OL Цифровой список. Художественная литература Техническая литература Другая литература <ol><br /> <li>Художественная литература</li><br /> <li>Техническая литература</li><br /> <li>Другая литература</li><br /> </ol> <br /> DL Компактный.Открывает и закрывает список определений. Москва Река в г.Москве Вишня Плодовое дерево далее <dl compact="compact"><br /> <dt>Москва</dt><br /> <dd>Река в г.Москве</dd><br /> <dt>Вишня</dt><br /> <dd>Плодовое дерево</dd><br /> далее <br /> </dl> список с шариками-картинками. Тема 1 Тема 2 Тема 3 Тема 4 <dl><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 1</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 2</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 3</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 4</dd><br /> </dl> Список с цветными кружочками • Позиция 1 • Позиция 2 • Позиция 3 <br /> <font color="red">•</font> Позиция 1<br /> <font color="blue">•</font> Позиция 2<br /> <font color="green">•</font> Позиция 3 Список с сердечками. ♥ Позиция 1 ♥ Позиция 2 ♥ Позиция 3 <br /> <font color="red">♥</font> Позиция 1<br /> <font color="blue">♥</font> Позиция 2<br /> <font color="green">♥</font> Позиция 3 В последних двух списках можно использовать любые спецсимволы,которые есть на вашем компе.дневник Милолика Покровская

Html для начинающих ( часть 5-ая, практикуемся)

Html для начинающих ( часть 5-ая, практикуемся)

Продолжаем познавать азы Html :-) Это 5-ая часть нашего обучения, остальные части смотрите ТуТ.
Пора немного попрактиковаться и создать свою первую более менее приличную страничку. Плюс,- узнать еще парочку тегов:-)

Итак, в результате получим примерно такое.

Сначала посмотрим весь "код", а потом разберем его по частям:

---

<html>
<head>
<title>Фридрих Ницше. Цитаты</title>
</head>
<body link="red" vlink="red" alink="#ffffff" background="http://legion-blog.narod.ru/yroki/01.jpg" ><center>
<table cellpadding="10" background="http://legion-blog.narod.ru/yroki/1.png" width="800" border="1">
<tr>
<td><center>
Читать дальше > > >

Полезности по ведению дневника




Цитата ВЕТЕР__ПЕРЕМЕН очень емко и понятно

Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)



Html для начинающих ( часть 4-ая, таблицы)

Пожалуй, одна из важнейших тем по html. Только не пугайтесь, важность не означает сложность:-)
Когда я начинал изучать html долго не мог врубиться че ж такого хорошего в таблицах.. таблички и таблички вроде, ничего особенного...)))
Короче говоря, отсеиваем наше общепринятое понятие этого слова и начинаем изучать:-)

Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.

Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)

Таблица делится на строки и столбики. Соответственно получаются ячейки.
Таблица вставляется в саму страничку, поэтому прописывать ее надо между тегами <body> и </body> ( о том,- что это такое, говорили раньше)

Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)

Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.

Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.

Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>

Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)


Читать дальше > > >

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)



Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику

Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.

Цвет фона странички

Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor

Этот параметр прописываем так:

bgcolor="цвет"

Т.е. целиком, вместе с тегом body это будет выглядеть так:

<body bgcolor="цвет">

Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")

Читать дальше > > >

Html для начинающих ( часть 2-ая)



Html для начинающих ( часть 2-ая)

Продолжаем попытку разобраться в html :-) Первая часть ТуТ

Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:

<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).

<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:


И наконец:

<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))

Читать дальше > > >

Начинаем изучать html



Начинаем изучать html

Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:


Далее смотрим справа:

Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):

Читать дальше > > >