// // // // // //

 -¬сегда под рукой

 -ћетки

css eurovision 2008 eurovision 2009 flash html li-web.ru liveinternet mozilla firefox mp3 photoshop windows александр рыбак альбом баллы бегуща€ бесплатно билан видео блог блоги браузеры видео видео рыбак вопросы вставить выделение генератор дизайн дима билан дл€ дневник дневники евровидение игры инструкци€ интервью интернет как как пользоватьс€ картинки кнопка кнопки коды комментарии конкурс лиру логические москва мп3 музыка народ настройки начинающих новички обучение онлайн ответы оформление песн€ плеер плейлист поиск посты почта приложени€ программа программы путеводитель радио рамки рамочки расширенный редактор реклама росси€ рыбак видео рыбак видео сайт сакис видео сделать скачать слова песни смайлики смешное смешное видео смотреть ссылки строка танцы текст текст песни уроки установка файлы финал флеш цвет часы эхо москвы юмор €ндекс

 -ѕоиск по дневнику

ѕоиск сообщений в Legionary

 -ѕодписка по e-mail

 

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 16.05.2009
«аписей:
 омментариев:
Ќаписано: 27389

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

—реда, 11 Ќо€бр€ 2009 г. 12:34 + в цитатник
Html дл€ начинающих ( часть 2-а€)

ѕродолжаем попытку разобратьс€ в html :-) ѕерва€ часть “у“

≈сли помните, в первой части мы тренировались в форматировании шрифтов. ” себ€ же на "народе". »значально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
“ак вот, теперь про эти "ключевые" теги, которые даютс€ изначально:

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

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

<title> и закрывающий </title> - «аголовок страницы, вот и первый пример такой "служебной информации".  ак видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
ћежду этими тегами прописываетс€ название странички или еще кака€-нибудь информаци€ о содержании. ¬ результате, пользователь это увидит в самом "верху" браузера, а точнее:
 (216x78, 9Kb)

» наконец:

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


“еперь простой пример со всеми этими тегами:

<html>
<head>
<title>
ћо€ перва€ страничка</title>
</head>
<body>

¬сем привет!!!

</body>
</html>



Ёто минимум конечно, но при всем при том,- это уже страничка сайта. ѕолностью рабоча€. ѕопробуйте все это скопировать и вставить в редактор на народе. “олько в пустой, все что там было изначально- удалите:-)
“еперь, думаю, стало более менее пон€тно, как написать элементарную страничку:-)
¬ моем примере, фразу "¬сем привет!!!" можно написать другим "шрифтом" ( форматированием шрифта). ∆ирным, курсивом и т.д., теми вариантами, которые мы рассматривали в первой части нашего обучени€. ѕопробуйте сами. ¬от один пример.  огда будете пробовать,- следите за верной последовательностью тегов:


<html>
<head>
<title>
ћо€ перва€ страничка</title>
</head>

<body>
<strong><i>
¬сем привет!!!</i></strong>

</body>
</html>




ќснову рассмотрели. “еперь еще один тег вам на изучение:

ƒл€ начала, если кто не знает что такое ссылка:-)
 ак всегда простым €зыком - ссылка это адрес странички сайта. ” нас есть телефоны,- с номерами.  вартиры - с адресами. “ак вот и у странички сайта должен быть адрес. Ќапример адрес странички записей моего дневника:

http://www.liveinternet.ru/users/legionary/

Ќо это просто адрес... не очень удобно пользоватьс€ таким оформлением. √ораздо лучше, чтобы адрес был кликабельным. “.е. чтобы при нажатии на него кнопкой мыши, пользовател€ перекидывало именно на эту страничку. “.е. вот такое оформление:

http://www.liveinternet.ru/users/legionary/

”же лучше. Ќо не очень красиво. Ћучше, чтобы вместо всего этого адреса был пон€тный, но точно так же - "кликабельный", текст.  оторый хот€ бы будет объ€сн€ть,- адрес чего или кого это:-) ѕример:

ћой блог:-)

«амечательно:-) “еперь о том, как создать такую кликабельную ссылку в html.  ак всегда,- нам помогут теги:

<a href="јдрес странички(ссылка)">‘раза подмена ( например "мой дневник")</a>

ќбращаем внимание на закрывающий тег </a>.

Ёто код самой обычной ссылки. Ќо есть множество дополнений к коду вставки ссылки.
–асскажу о некоторых.

ќдна и та же ссылка на страничке может принимать одно из трех значений:

1. - ѕросто ссылка на страничке
2. - активна€ ссылка. “.е. если вы нажали на ссылку она становитс€ активной, пока браузер не перекинет вас на указанную в этой ссылке страницу.
3. - посещенные ссылки - предположим на страничке есть 3 ссылки, на одну из них вы нажали, вас перекинуло по адресу... посмотрели эту новую страничку и вернулись обратно к тем трем ссылкам. “еперь, та ссылка которую вы уже нажимали становитс€ "посещенной"

  чему это все?
¬ коде страничке можно прописать цвета ссылок. ќтдельно дл€ простой, активной и посещенной.
ƒл€ этого используетс€ дополнительные параметры нашего тега <body>.
ј точнее:

LINK - просто ссылка
ALINK - активна€ ссылка
VLINK - посещенна€ ссылка

“.е. пишем примерно так -
ALINK="цвет"

“.к. это все параметры тега <body>, прописывать надо именно в этом теге. —мотрим пример всей странички с прописанными цветами дл€ ссылок:


<html>
<head>
<title>
ћо€ перва€ страничка</title>
</head>


<body link="red" vlink="#000000" alink="#ffffff" >

<strong><i>¬сем привет!!!</i></strong>
</body>
</html>



ќстаетс€ только вставить саму нашу ссылку в тело документа:-))
¬от пример, как это будет выгл€деть —траничка. ¬ид конечно неказистый, но пока так:-) ¬се еще узнаем, но позже:-)

—разу оговорюсь, это не все "параметры" ссылки, которые можно задать, но дл€ начала хватит:-)

Ќемного вернемс€... Ќаверн€ка возникает вопрос,- что это за цвет такой в коде #000000?
ќтвечаю:
Ёто, скажем так - цифровое обозначение цвета. ћаленький совет, чтобы узнать обозначение того или иного цвета, можно испотльзовать наш любимый Ћи–у;-)
»дем в настройки, в настройки дизайна. » там у кого- нибудь пункта жмем "выбрать цвет", смотрим:
 (206x49, 5Kb)
ѕодводим мышку к нужному цвету и смотрим его значение:
 (251x197, 31Kb)
Ћибо в "линейке" подбираем цвет вручную двига€ ползунки:
 (278x148, 14Kb)

“олько после всего этого, кнопочку "внести изменени€" не нажимайте:-)) „тоб дизайн свой не убить:-))

ѕока все. ѕонимаю, что до интересного мы еще не дошли, а очень хочетс€:-) Ќо надо познавать все поэтапно:-)) ѕостроить нормальный сайт без ссылок... нельз€:-(( “ак что это знать тоже надо:-)

¬се, всем удачи:-) ≈сли возникнут вопросы, пишите либо —ёƒј либо в личку:-))
–убрики:  html дл€ начинающих
ћетки:  

ѕроцитировано 571 раз
ѕонравилось: 25 пользовател€м

AliFerster   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 12:36 (ссылка)
а йа цвета так получаю: в яндексе пишу "цвета html" и по€вл€етс€ удобна€ фигнюшка дл€ выбора цвета =))
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:44ссылка
AliFerster, тоже вариант:-) как факт способов то много:-)) можно и наизусть выучить...
ѕерейти к дневнику

—уббота, 28 Ќо€бр€ 2009 г. 14:19ссылка
“оже удобно...относительно выбора кода цвета...спасибо
јццкий_јноним   обратитьс€ по имени Re: Html дл€ начинающих ( часть 2-а€) —реда, 11 Ќо€бр€ 2009 г. 12:39 (ссылка)
≈сли часть 2-€, то уже наверное "дл€ продолжающих" :)

LI 7.05.22
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:44ссылка
јццкий_јноним, думаешь...исправить заголовок?....
¬ера_—мирнова   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 12:41 (ссылка)
—ѕј—»Ѕќ !
ќтветить — цитатой ¬ цитатник
√алина60   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 12:46 (ссылка)
—ѕј—»Ѕќ!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Marisha5   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 12:52 (ссылка)
—пасибо большое!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:45ссылка
„айка_ћ, всегда пожалуйста:-))
sophy-catherine   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 13:31 (ссылка)
Cпасибо большое, ¬алес! ќчень полезно! я, правда, разобралась сама, но голову слегка поломала над этим. Ќемножко здесь сложновато со вставкой всего материала, который хочешь вставить. ¬ ћайле.ру там проще и потому удобнее.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:46ссылка
sophy-catherine, бррр... да не ¬алес €)) € с ним даже не знаком:-)) ћен€ ЋЄша зовут:-))
pappesa   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 13:50 (ссылка)
—пасибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Wella_Wella   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 15:08 (ссылка)
—пасибо за урок! ѕригодитс€...
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:47ссылка
Wella_Wella, всегда пожалуйста:-)) очень на это надеюсь:-))
јццкий_јноним   обратитьс€ по имени Re: ќтвет в Legionary; Html дл€ начинающих ( часть 2-а€) —реда, 11 Ќо€бр€ 2009 г. 15:46 (ссылка)
»сходное сообщение Legionary: јццкий_јноним , думаешь...исправить заголовок?....

Ќу, не знаю... ћне просто интересно, до какой части они всЄ ещЄ будут начинающими :)

LI 7.05.22
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 15:48ссылка
јццкий_јноним, сложный вопрос....:-)))) надо подумать...ммм... до первого экзамена:-))
galina15   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 16:32 (ссылка)
—ѕј—»Ѕќ
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Inmira   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 16:49 (ссылка)
—ипасиб солнц)))
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 16:59ссылка
Inmira, да на здоровье:-))
ƒарина423   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 16:54 (ссылка)
—пасибо тебе, молодец!!!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
yrokez   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 17:28 (ссылка)
спасибо
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 20:45ссылка
yrokez, пожжжалуйста:-))
Ќаталь€_ѕетрова11   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 17:31 (ссылка)
—пасибо большое беру
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
“ать€нка_ƒ   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 18:55 (ссылка)
«амечательный урок!!! ќчень доходчиво!!!
 (500x500, 283Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 20:46ссылка
“ать€нка_ƒ, пожалуйста:-)) очень рад, что понравилось:-)))
ЋилЄша   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 19:16 (ссылка)
—пасибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
panterra72   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 19:46 (ссылка)
—пасибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
tulyachka   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 20:36 (ссылка)
—пасибо за уроки!:give_rose
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 20:47ссылка
tulyachka, ¬ам спасибо, что читаете
Ќатали€_ѕоталова   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 21:20 (ссылка)
—паибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 21:22ссылка
Ќатали€_ѕоталова, пожалуйста:-))) надеюсь... все более менее пон€тно?:-)
tinarisha   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 21:56 (ссылка)
—пасибо.Ѕеру дл€ изучени€.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 21:57ссылка
tinarisha, на здоровье:-) успехов в изучении:-))
»рат   обратитьс€ по имени —реда, 11 Ќо€бр€ 2009 г. 22:36 (ссылка)
ќ “ ѕ – ќ ƒ ќ Ћ ∆ ј ё ў ≈ … ќ Ѕ ” „ ≈ Ќ » ≈
—пасибо (420x60, 23Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 11 Ќо€бр€ 2009 г. 22:39ссылка
»рат, пожалуйста:-) успехов в обучении:-) если что,- € тут;-))
Ananda_ewi   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 00:18 (ссылка)
ƒа здравствует ЋЄша!!! :-)) спасибо за подробный доходчивый урок)))
успехов во всЄм)))
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:51ссылка
»зида_ћориа, ну уж..засмущали...:-)))
сипасиб:-)
—имонова_√алина   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 05:05 (ссылка)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Aelios   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 06:19 (ссылка)
—пасибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:52ссылка
Aelios, пожалуйста:-))
Monica-_Bellucci   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 07:49 (ссылка)
—ѕј—»Ѕќ!
 (560x432, 325Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:53ссылка
Ћј¬јЌƒј_√ќ–Ќјя, спасибо большое:-))хорошего ... вечера:-))
јлефтина_–ыжкова   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 08:18 (ссылка)
Ѕлагодарю за полезную информацию!!!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
ќбожди   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 08:20 (ссылка)
жду с нетерпением твоего поста HTML дл€ кончающих.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:53ссылка
ќбожди, спешал фо ю что ль?;-)
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:57ссылка
нет, ты по природе своей ни дл€ кого ничего не можешь сделать, кроме как дл€ себ€. € исхожу из тенденции.
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:58ссылка
ќбожди, смешно:-) уверенность достойна€ лучшего применени€... пустословность,- это вроде любимое слово?;-)
ќЋ№√ј_ ”«Ќ≈÷ќ¬ј_ќЋ®Ќј   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 08:43 (ссылка)
—пасибо за информацию
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
nebo-nebo   обратитьс€ по имени „етверг, 12 Ќо€бр€ 2009 г. 09:26 (ссылка)
ќгромное спасибо!!!!
“еперь интересно как делать фон на таком мини сайте и как вствл€ть шапку-табличку))
буду ждать.
ќгромное спасибо!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 12 Ќо€бр€ 2009 г. 20:54ссылка
Julia_Nebo, и до этого дойдем:-)) в скором времени;-)
 омментировать   дневнику —траницы: [1] 2 3 [Ќовые]
 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку