Всичко за парите от интернет
Регистрирайте се и ще получите ценни съвети и начини да печелите от Интернет.
Напълно безплатно е,и отнема 2 минути!И ако намирате форума за полезен моля гласувайте за нас БГТОП
Всичко за парите от интернет

Този форум е посветен на всеки, който желае да изкарва пари от интернет и е готов да вложи времето и знанията си в това начинание. Няма да ви кажа, че е супер лесно и бързо да се изкарват пари от интернет, но ще ви покажа стъпка по стъпка как да направите
 
ИндексИндекс  PortalPortal  КалендарКалендар  ГалерияГалерия  Въпроси/ОтговориВъпроси/Отговори  ТърсенеТърсене  ПотребителиПотребители  Потребителски групиПотребителски групи  Регистрирайте сеРегистрирайте се  ВходВход  Моля Гласувайте за насМоля Гласувайте за нас  
Social bookmarking
Social bookmarking digg  Social bookmarking delicious  Social bookmarking reddit  Social bookmarking stumbleupon  Social bookmarking slashdot  Social bookmarking yahoo  Social bookmarking google  Social bookmarking blogmarks  Social bookmarking live      

Bookmark and share the address of Всичко за парите от интернет on your social bookmarking website
Most Viewed Topics
20 изпитани начина за доходи от интернет
Инсталиране на Windows 7 или Windows Vista от USB флашка
Как да прехвърляме файлове между два компютъра без мрежова карта, използвайки паралелния (принтерски) порт. Кабел за връзка.
Пари с изпращане на SMS
КАК ДА ИЗТРИЯ ПРОГРАМА ОТ БРАУЗЪРА
Висококачествени аудиокурсове - немски, френски и английски
Как да ремонтираме компютърно дъно с повреда в DC/DC стабилизатора на напр.
Продавам безжична клавиатура с вградена мишка.
Какво мислите за Образованието в България
как се работи с corel draw
Latest topics
» как да си проверявам натрупаните пари от интернета /биткойни,догекойни и други/в портфейлите ми
by snarpim Нед Юли 01, 2018 11:46 am

» THWGlobal.com
by v5901 Съб Окт 01, 2016 12:29 pm

» Изкарвайте пари докато спеделяте продуктите, който харесвате
by Admin Сря Сеп 23, 2015 2:16 pm

» Безплатна книга за оптимизация на страници
by Admin Пон Апр 20, 2015 11:46 pm

» Изкарвайте пари от знанията си
by Admin Нед Дек 14, 2014 2:14 pm

» Писане на авторски статии
by Admin Пет Юли 11, 2014 3:54 am

» Спечели лесни 10 долара в Пейпал
by eminemka91 Пет Юни 20, 2014 7:30 pm

» Пари от къщи, само с копи и пейст от amazon в eBay
by DropShipper F Пон Апр 21, 2014 11:47 pm

» ПЕЧЕЛЕТЕ ОТ ДО $3000 МЕСЕЧНО
by pacony Чет Дек 26, 2013 10:25 am

» Евтин Wordpress сайт за имоти - готов за ползване
by Admin Нед Сеп 22, 2013 1:21 pm

Приятели
Смешни вицове,снимки и карикатури

Share | 
 

 HTML първи стъпки

Предишната тема Следващата тема Go down 
АвторСъобщение
Admin
Admin
avatar

Posts : 389
Points : 779
Reputation : 65
Join date : 15.09.2009

Character sheet
game:

ПисанеЗаглавие: HTML първи стъпки   Сря Мар 03, 2010 11:12 pm

HTML е основният език на световната мрежа. Той представлява език, който чрез т.нар етикети (tags) указва на вашия браузър как да покаже дадена страница. Желателно е всеки потребител на Интернет да има поне основни познания по HTML -- ако не за създаване на собствени страници, то поне за по-добро разбиране на начина, по който страниците се създават и показват. Познанията по HTML са задължителни за блогърите -- те помагат да създадете по-приятни и богати публикации. В поредица публикации ще разкрием тайнствата на този език и ще се постараем да покажем на потребителите, че създаването на уеб страници не е някаква загадъчна процедура, достъпна само за посветените. Преди да започнем с конкретни примери, има някои неща, които трябва да знаете.

HTML е чисто текстов език
Това означава, че HTML използва латински нормални букви за да инструктира браузъра ви. Не е нужно превръщането на написаната страница в двоичен код. На практика можете да използвате всеки текстов редактор като Notepad. Ако прибегнете до ръчно редактиране на HTML не използвайте редактори от рода на Microsoft Word -- те добавят в съхранения файл своя информация (форматиране, шрифтове и т.н.), вследствие на което файлът ви няма да бъде разпознат като валиден HTML файл.

Когато пробвате примерите, ползвайте Notepad, или Notepad++. Notepad++ е незаменим помощник, тъй като ви показва дали сте затворили таговете, оцветява таговете и параметрите в различен цвят и т.н. Ако ползвате Notepad++ от менюто Language изберете H -> HTML. Файловете трябва да бъдат запазени с разширение HTML. В Notepad++има опция в менюто за запазване, от списъка Save as type. В уиндоуския Notepad изберете Save as type -> All files и напишете разширението на ръка след името на файла. След това отворете запазения файл с любимия си браузър за да видите ефекта. Когато редактирате HTML файла, съхранете го и натиснете F5 в прозореца на браузъра за да презаредите страницата.

HTML е отворен език
Това означава, че ако напишете нещо грешно, просто браузъра няма да го възприеме. Грешките не причиняват повреда на системата ви. Всъщност Internet Explorer дори използва някои тагове, разбираеми единствено за него и невключени в HTML стандарта. Това е една от причините за критика спрямо Microsoft -- че вместо да следват стандарта, създават собствен такъв, принуждавайки потребителите да ползват техния лраузър, а уеб дизайнерите -- да пишат по две версии на страниците.

Важното за вас е, че не трябва да се притеснявате, че ще сбъркате нещо. Дори това да се случи, единственият резултат ще бъде, че страницата ви няма да изглежда както вие искате.

И тъй, след като изяснихме тези неща, нека направим първата стъпка в чудния свят на HTML.

Структура
Както казахме по-горе, HTML използва етикети (по-известни като "тагове") за да инструктира браузъра. Етикетите представляват пълни или съкратени думи на английски (познанията по английски ще ви помогнат за по-лесно запомняне и разбиране на етикетите), оградени от знаци за по-голямо и по-малко. Таговете не са чувствителни към регистъра, тоест -- можете да пишете както с малки, така и с главни букви.





<br /><br />Първата ми HTML страница<br /><br />





Това е първата ми страница, написана на HTML






Копирайте горния текст и го запазете в HTML файл на локалния си диск, както описахме по-горе, и го заредете в браузъра. Ако сте се справили, резултатът трябва да изглежда така.

Ако сте успели -- поздравления. Отворете си бира, поемете дълбоко дъх, и щом се успокоите от първото вълнение -- четете нататък.

Преди всичко имайте предвид, че HTML не разпознава новите редове. На практика можете да напишете горния код на един-единствен ред. Новите редове се слагат за прегледност. На кода. Новите редове в текста, показван на страницата, ще обсъдим по-късно.

Погледнете кода на първата си HTML страница. Ще видите, че всеки таг е използван по два пъти, като огражда даден елемент.

указва на браузъра, че всичко от тук нататък е HTML код. указва, че тук кодът свършва. По същия начин указва, че започва заглавието на страницата (текстът, който се изписва в заглавната лента на браузъра), а <title> указва къде свършва заглавието.<br />Накратко -- всеки елемент е ограден от <отварящ_таг> и <br /></затварящ_таг>. Ако забравите да затворите тага за заглавие, например, браузърът ще възприеме целия код като заглавие.<br /><br />Всяка HTML страница трябва задължително да има следните елементи:<br /><html></html> указват началото и края на страницата<br /><head></head> указват начало и края на на служебна информация -- заглавие на страницата, ключови думи, инструкции за зареждане и други данни, които ще разгледаме по-нататък<br /><body></body> указват началото и края на "тялото" на страницата, т.е. това, което се показва в браузъра. В блока body думи, затворени в знаци < > се възприемат като тагове, а текст извън тези знаци -- като текст, който трябва да бъде показан.<br /><br />Отворете примерния код и добавете таговете <b> и </b> от двете страни на думите Това е първата ми страница, написана на HTML.<br /><br /><b>Това е първата ми страница, написана на HTML</b><br /><br />Съхранете файла и презаредете страницата (F5). Сега думите трябва да са с удебелен шрифт -- тоест текстът, затворен между таговете, се показва по начина, указан от тези тагове.<br /><br />С това направихте първите си стъпки в HTML. Видяхте какво представлява и се запознахте със задължителните елементи на HTML страница. Дори създадохте първата си такава. Похвалете се на приятелите си и се пригответе в следващия урок да форматирате страницата си със заглавие, текст и подпис.<br /><br />ресурс: http://lasombra-said.blogspot.com/2009/11/html.html</div><div class="clear"></div><div class="signature_div"><br />_________________<br /><a href="http://e-torial.com" rel="dofollow">e-torial.com - видео уроци</a>|<a href="http://md-websitebuild.info/" rel="dofollow"><strong>Изработка на сайтове</strong></a></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://illiweb.com/fa/empty.gif" alt="Върнете се в началото" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://illiweb.com/fa/empty.gif" alt="Go down" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" style="width:500px;"><a href="/u1" class="profile-icon" title="Вижте профила на потребителя"><img src="https://illiweb.com/fa/macinscott/icon_profile_en.gif" class="i_icon_profile " alt="Вижте профила на потребителя" /></a> <a href="http://martyyy-martin.blogspot.com/" title="Посетете сайта на потребителя" target="_blank"><img src="https://illiweb.com/fa/macinscott/icon_www.gif" alt="http://martyyy-martin.blogspot.com/" /></a> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="3" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">HTML първи стъпки</h1></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="/t181p-topic"><img class="sprite-arrow_subsilver_left" src="https://illiweb.com/fa/empty.gif" alt="Предишната тема" /></a> <a href="/t181n-topic"><img class="sprite-arrow_subsilver_right" src="https://illiweb.com/fa/empty.gif" alt="Следващата тема" /></a> <a href="#top"><img class="sprite-arrow_subsilver_up" src="https://illiweb.com/fa/empty.gif" alt="Върнете се в началото" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">Страница <strong>1</strong> от <strong>1</strong></span></td></tr><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Права за този форум:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall"><strong>Не Можете</strong> да отговаряте на темите<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">Всичко за парите от интернет</a><a class="nav" href=""></a> :: <a href="/f5-forum" class="nav"><span>Програмиране</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">Всичко за парите от интернет</a><a class="nav" href=""></a> :: <a href="/f5-forum" class="nav"><span>Програмиране</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td></tr></table></form><script src="https://illiweb.com/rs3/41/frm/addthis/addthis_widget.js" type="text/javascript"></script><table class="forumline 1d1d6" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td style="background:#efefef;padding:inherit 0"><table width="100%" cellspacing="1" cellpadding="1" border="0" style="background:#efefef"><tr><td><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "><script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_2019_300x250_Key", [300,250]).set("page_url", "http://workinhome.bulgarianforum.net/t181-topic").display();</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz0" style="width:300px;height:250px;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz0", 1356533,'criteo_13333600'); </script> <!-- BEGIN 13333600 --> <div id="criteo_13333600"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_13333600', function(){ var width = "300"; var height = "250"; var slotid = "criteo_13333600"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_2019_300x250_Key", [300,250]).set("page_url", "http://workinhome.bulgarianforum.net/t181-topic").display();</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> <!-- END CRITEO TAG --></td> <td valign="top" style="padding:32px 32px; "><script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_2019_300x250_Key", [300,250]).set("page_url", "http://workinhome.bulgarianforum.net/t181-topic").display();</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz" style="width:300px;height:250px;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz", 1356533,'criteo_1333360'); </script> <!-- BEGIN 1333360 --> <div id="criteo_1333360"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_1333360', function(){ var width = "300"; var height = "250"; var slotid = "criteo_1333360"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_2019_300x250_Key", [300,250]).set("page_url", "http://workinhome.bulgarianforum.net/t181-topic").display();</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> <!-- END CRITEO TAG --></td> </tr> </tbody> </table> </div></div></td></tr></table></td></tr></table><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><!-- close div id="page-body" --><div id="page-footer"></div></td></tr></table><div id="fb-root"></div><script type="text/javascript">//<![CDATA[ FB.init({appId: '', status: true, cookie: true, xfbml: true, oauth: true});//]]></script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script></body></html><strong><a href="http://www.bulgarianforum.net/" target="_blank">Free forum</a></strong> | <span class="gensmall">©</span> <a href="https://www.bulgarianforum.net/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Поддръжка на форума</a> | <a name="bottom" href="/contact" rel="nofollow">Връзки</a> | <a href="/abuse?page=%2Ft181-topic&report=1" rel="nofollow">Сигнал за злоупотреба</a> | <strong><a href="http://www.sosblog.com/bg/" target="_blank">Създайте свой собствен безплатен блог</a></strong></div></div></div></td></tr></table><div id="fb-root"></div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "public_profile email","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "182729925094067",cookie : 1,xfbml : 1,oauth : 1,version : 'v2.12'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/bg_BG/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.forum')}</script><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'http://workinhome.bulgarianforum.net/topicit/index.php/connect','data-version' : '1','data-lang' : 'bg'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '9019de09e2fbd24ca1be00a9fededd9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.adexchangeguru.com/a/display.php?r=1242764"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>