Полезные HTML теги для новичков.

По вашим просьбам делаю этот урок. Я не програмист, поэтому как сама знаю ,так вам по простому и постараюсь объяснить . Для форматирования текста существует много тегов. Одни их них используются часто, другие - редко. Здесь я выложу всё, чем каждый день пользуюсь я , чтобы делать свои посты. ЗДЕСЬ далее... SvetlanaT

HTML-шпаргалка

 

 

Серия сообщений "Полезности для блога":
Часть 1 - Опрос и как его сделать на Лиру
Часть 2 - Продвигаем ЛиРу в социальных сетях
...
Часть 27 - Генератор баннера
Часть 28 - Поиск по блогу
Часть 29 - HTML-шпаргалка

Чем отличаются BB коды от тегов html?

Не замучил еще тегами и кодами?:)

Для удобства "понимания" в качестве примера возьмем лирушные BB коды.
И это кстати важная особенность:
На разных сайтах ВВ коды могут быть разными, а некоторых кодов может вообще не быть

Итак, все вы знаете (надеюсь) html тег жирности текста. Пишется так:
<b>Привет!</b>

Но на нашей лирушечки, сделать текст жирным мы можем и с помощью ВВ кода, т.е. так:
[b]Привет![/b]

Разница, как видите, только в скобках- html тег пишется в таких ><, а ВВ в [ ]
Но! Это только кажется так просто.

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

Html шпаргалки

Давно хотел написать этот пост:) Из области "наболело".
Я правда не знаю как сейчас обстоят дела, но в тот период моего прибывания на лиру (до "отпуска" :) ), большим спросом у вас пользовались различные html шпаргалки. Причем... не идеального "качества"... Что удручает...

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

Но речь не о том. Пока я напишу ВСЕ... состариться можно:)

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

Мало кто не знает этот сайт. Но все же... Записав в закладки его htmlbook.ru, вам уже не нужны будут всякие шпаргалки.
Да там все строго и по факту, без особых разжевываний. Но если есть желание,- разобраться всегда можно:)

Навигация отличная, не запутаетесь:) Дам только две наводящие ссылки:
Справочник по HTML
Справочник по CSS

В выбранном справочнике смотрим слева - список тегов и атрибутов. Тыкаем нужный и узнаем всю необходимую информацию.
Сам я учился не на его сайте, но сейчас пробелы в памяти заполняю именно там:) Чего и всем советую:)

Ну а кто особо не спешит,- ждите моих уроков, будут:)

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:



И здесь некий код, который можно легко скопировать

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

Пишется оно очень просто:

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

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 для начинающих")

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)

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

Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:

Применяя этот "код",- вот что получим:




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

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

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

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

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

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

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

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


И наконец:

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

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

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

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

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

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

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


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

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

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