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

 -ћетки

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
«аписей:
 омментариев:
Ќаписано: 27398

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

—уббота, 06 ‘еврал€ 2010 г. 11:15 + в цитатник

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>

<a href="http://legion-blog.narod.ru"><b>
ќбо мне</b></a> 
<a href="http://legion-blog.narod.ru"><b>
јльбом</b></a> 
<a href="http://legion-blog.narod.ru"><b>
 онтакты</b></a>
</center></td></tr>

<tr>
<td><center><h2>
‘ридрих Ќицше</h2></center><br>
<p> 
"я не понимаю, к чему заниматьс€ злословием. ≈сли хочешь насолить кому-либо, достаточно лишь сказать о нем какую-нибудь правду. "</p>

<p> 
"Ѕлагодетельное и назидательное вли€ние какой-нибудь философии... нисколько не доказывает верности ее, точно так же, как счастье, испытываемое сумасшедшим от своей idee-fixe (неотв€зной мысли), нисколько не говорит в пользу разумности этой идеи. "</p>

<p> 
"Ќи один победитель не верит в случайность. "</p>

<p> 
"¬ стадах нет ничего привлекательного, даже если они бегут вслед за тобой."</p>

<p> 
"ћы более искренни по отношению к другим, чем по отношению к самим себе."</p>

<p> 
"ћежду религией и насто€щей наукой нет ни родства, ни дружбы, ни вражды: они на разных планетах."</p>

</td></tr>

<tr>
<td>
<center><img src="http://legion-blog.narod.ru/yroki/001.jpg" border="5"/></center>
</td></tr>
</table></center>
</body>
</html>



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

“ег <br>

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

Ѕез тега ( пример)
<html>
<head>
<title>“ег br</title>
</head>
<body>
<p>ѕривет!</p>

<p>ѕривет!</p>

</body>
</html>




C тегом <br> ( пример)
<html>
<head>
<title>“ег br</title>
</head>
<body>
<p>ѕривет!</p>
<br><br><br><br>
<p>ѕривет!</p>

</body>
</html>


ƒумаю с этим пон€тно:-) все просто:-)
ƒальше:

“ег <center> и </center>

- тег, центрирующий содержимое, будь то текст, картинки пр. Ётот тег требует закрыти€, так что обрамл€ем наше содержимое, которое хотим поставить по центру, между <center> и </center>
ѕример смотрим в самом первом коде странички:-) ƒумаю, все пон€тно.

“ег <h2> и </h2>

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

ƒалее, параметр cellpadding в таблице. “.е. вот эта строка:
<table cellpadding="10" background="http://legion-blog.narod.ru/yroki/1.png" width="800" border="1">

Ётот параметр отвечает за отступ между содержимым и границами таблицы. ” мен€ стоит 10 пикселей. ≈стественно можно поставить свое значение. ѕокажу на примере, смотрим “у“

ѕараметр background в той же таблице,- с его помощью мы прописываем фоновое изображение таблички. я в качестве фона выбрал полупрозначную картинку в png.

ј теперь все вместе, что мы сделали:
1.- ѕодобрали основной фон нашей страницы.
2.- в качестве основы странички прописали таблицу шириной 800 пикселей ( под минимальное разрешение экрана) и центрировали ее.
3.- подобрали полупрозрачный фон дл€ таблички.
4.- –азделили таблицу на 3 строки- в первой вставили необходимые нам ссылки, во второй написали некий текст, в третью вставили картинку.
¬от все основные действи€. —делать такое очень быстро и просто, но при этом, результат вполне симпатичный:-)
¬роде бы и все, остальное мы все проходили. ”дачи:-)


P.S. Ётот пост будет доступен также на форуме Legion
–убрики:  html дл€ начинающих
ћетки:  

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

Amymone   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 11:21 (ссылка)
—пасибо, будем практиковатьс€)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—уббота, 06 ‘еврал€ 2010 г. 11:22ссылка
Amymone, пожалуйста:-) удачной практики:-))
мелвек   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 12:25 (ссылка)
ѕриветик,ЋЄша! ”х ты,как € выпала-то,смотрю...аж 5 урок.
—только пустой почты,что и 10 доли просто не успеваю просматривать.“еги дл€ мен€-ну полностью тЄмный лес,
только сейчас Zosikе жаловалась на тему теги,коды...
 (447x480, 298Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

ѕ€тница, 12 ‘еврал€ 2010 г. 22:37ссылка
мелвек, воо)) терь буш изучать)) успехов;-))
ѕаула_Ћейбович   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 12:30 (ссылка)
ƒавно хотела,что бы кто нибудь разъ€снил все теги,что они обозначают,что бы можно было строить самой всЄ,что мне надо.
 (250x250, 39Kb)
ќтветить — цитатой ¬ цитатник
ƒари€_Ўвельниц   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 12:30 (ссылка)
—пасибо за урок, будем практиковатьс€.
ќтветить — цитатой ¬ цитатник
јноним   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 13:56 (ссылка)
HTML :))))))))))
Ёто фигн€ все еще,во скрипты начнутс€.....)вот это да
ќтветить — цитатой ¬ цитатник    |    Ќе показывать ветку
ѕерейти к дневнику

ѕ€тница, 12 ‘еврал€ 2010 г. 22:38ссылка
јноним, но... далеко на одних скриптах без хтмл не уедешь;-)))
Sergia   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 15:32 (ссылка)
ќгромное спасибо за уроки!:give_hear я в восторге!:give_hear
 (397x275, 68Kb)
ќтветить — цитатой ¬ цитатник
Nina_Filatowa   обратитьс€ по имени , —уббота, 06 ‘еврал€ 2010 г. 15:46 (ссылка)
—пасибо,может научусь!
 (100x80, 3Kb)
ќтветить — цитатой ¬ цитатник
aleks_c   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 16:40 (ссылка)
спс за интер пост (591x82, 45Kb)
ќтветить — цитатой ¬ цитатник
ќльга_’асанова   обратитьс€ по имени Html дл€ начинающих —уббота, 06 ‘еврал€ 2010 г. 16:48 (ссылка)
—пасибо.«абрала все п€ть уроков к себе,буду учитьс€.
ќтветить — цитатой ¬ цитатник
tinarisha   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 16:52 (ссылка)
—пасибо.Ѕудем учитьс€.
ќтветить — цитатой ¬ цитатник
јноним   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 16:54 (ссылка)
—пасибо, все получилось!!!
ќтветить — цитатой ¬ цитатник    |    Ќе показывать комментарий
Marisha5   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 17:02 (ссылка)
—пасибочки!
ќтветить — цитатой ¬ цитатник
ƒарина423   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 17:26 (ссылка)
—пасибо, јлексей!!!
ќтветить — цитатой ¬ цитатник
√алина_¬икторова   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 18:09 (ссылка)
—пасибо огромное!!!!
ќтветить — цитатой ¬ цитатник
–а-ƒи-јл   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 18:10 (ссылка)
”читьс€,
учитьс€,
”читьс€ ...
(ситечко от чайника) —ѕј—»Ѕќ!
ќтветить — цитатой ¬ цитатник
Ќатали€_ѕоталова   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 18:34 (ссылка)
јлексей, спасибо за уроки!!!!
јнимаци€  артинки —пасибо, анимационные картинки  артинки —пасибо
ќтветить — цитатой ¬ цитатник
A-lekssa   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 18:48 (ссылка)
“о что надо! ¬ самое €блочко! —пасибо огромное! :-)
ќтветить — цитатой ¬ цитатник
≈лена_ѕрошина   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 21:42 (ссылка)
ќтветить — цитатой ¬ цитатник
Anela-Alena   обратитьс€ по имени —уббота, 06 ‘еврал€ 2010 г. 22:36 (ссылка)
спасибо!
ќтветить — цитатой ¬ цитатник
Ananda_ewi   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 00:10 (ссылка)
ќсвоение космоса продолжаетс€! :-)
 (450x90, 27Kb)
ќтветить — цитатой ¬ цитатник
Sabine_Astana   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 00:49 (ссылка)
—пасибо большое за уроки!!!

ќтветить — цитатой ¬ цитатник
love_amor   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 00:49 (ссылка)
ќтветить — цитатой ¬ цитатник
Ѕахыт_јЅћ   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 05:36 (ссылка)
—пасибо за урок!
ќтветить — цитатой ¬ цитатник
 леонтина   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 06:46 (ссылка)
—паси. Ѕуду учитьс€.
ќтветить — цитатой ¬ цитатник
Tigrasha_dance   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 06:59 (ссылка)
думаешь,мне понадобитс€?
спасибо,что так думаешь!!!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

ѕ€тница, 12 ‘еврал€ 2010 г. 22:39ссылка
Tigrasha_dance, в ритме танца пишем хтмл))))
Kozlovenikaya   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 07:09 (ссылка)
—пасибо.
ќтветить — цитатой ¬ цитатник
светска€_львица1   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 07:52 (ссылка)
ј где вз€ть предыдущее.ѕосты прошли мимо.—пасибо.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
NICKBO   обратитьс€ по имени уроки по Html ¬оскресенье, 07 ‘еврал€ 2010 г. 07:58 (ссылка)
Ќо дл€ зан€тий потребуетс€ наверно программа?
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

¬оскресенье, 07 ‘еврал€ 2010 г. 11:30ссылка
NICKBO, э... блокнот:-)) ну мы работаем пр€мо на сервисе "народ", вот тут почитайте:-)
http://www.liveinternet.ru/users/legionary/post113535098
Ѕј–џЌя_—”ƒј–џЌя   обратитьс€ по имени ¬оскресенье, 07 ‘еврал€ 2010 г. 08:28 (ссылка)
≈сли и у мен€ получитс€, то ¬ы прирождЄнный педагог. ћне очень интересно. —пасибо за ¬аш труд.
ќтветить — цитатой ¬ цитатник
 омментировать   дневнику —траницы: [1] 2 3 4 [Ќовые]
 

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

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

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

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