OnlyStar !
Bine Ati Venit Pe Forumul Nostru!
Pentru A Putea Intra In Contact Cu Noi Si Pt A Vedea In Totalitate Forumul Selecteaza Butonul De Inregistrare.
O zi buna!


Tutorial Incepatori Html

In jos

Tutorial Incepatori Html

Mesaj Scris de RaduMan96 la data de Mier Noi 16, 2011 5:17 pm

Ce este limbajul HTML?
HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezinta de fapt limbajul pe care browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web. Limbajul HTML nu este greu de invatat, asa cum te vei putea convinge din acest curs. Este de ajuns sa cunosti tag-urile de baza ale acestui limbaj (vom vedea mai incolo ce inseamna aceste tag-uri) pentru a putea crea o pagina web.

Pagina HTML este un fisier TEXT cu extensia .html sau .htm si poti folosi un editor simplu pentru a crea o pagina WEB (ex. notepad) unde va scris codul.

Structura unui document html.

Code: Select all


Prima mea pagina web


Aici va fii continutul site-ului.




Despre tag-uri
Tag-urile nu sunt altceva decat niste marcaje sau etichete pe care limbajul HTML le foloseste alaturi de texte pentru a ajuta browser-ul de internet sa afiseze corect continutul paginii web.
Aceste tag-uri (etichete) pot fi de doua feluri:
- tag-uri pereche (un tag de inceput si unul de incheiere). Exemple: si ; si ; si ;

- tag-uri singulare (nu au un tag de incheiere) Exemple:
,
.


- cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa.

- intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii folositoare pentru browser-ul de internet, informatii pe care le vom descoperi pe parcursul acestui curs.

- acesta este tag-ul de incheiere al tag-ului

- cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau. Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a documentului.<br /><br /> - este tag-ul de încheiere al tag-ului . Arata sfarsitul titlului documentului.<br /><br /><BODY> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile <BODY> si </BODY> va fi afisat, de catre browser, pe ecranul monitorului.<br /><br /></BODY> - ii spui browser-ului ca ai terminat de scris continutul paginii. Tot ceea ce vei scrie dupa acest tag nu va mai fi afisat. <br /><br /></HTML> - este tag-ul de încheiere al tag-ului <HTML>. Codul oricarui document se termina cu acest tag.<br /><br />Multumesc Pt Timpul Acordat !</div></div><div class="signature_div" id="sig90"><br /><center><img src="http://img46.imageshack.us/img46/5595/6xrx4j.png"/></center><br /><span style="font-size: 18px; line-height: normal"><font color="#408000"><strong><i>Age : 15</i></strong></font></span><br /><span style="color:#f00">[Trebuie sa fiti <a href="/profile.forum?mode=register&/register?redirect=%2Ft53-tutorial-incepatori-html">inscris</a> si <a href="/login.forum?/login?redirect=%2Ft53-tutorial-incepatori-html">conectat</a> pentru a vedea acest link]</span><br /><span style="font-size: 18px; line-height: normal"><font color="#4000BF"><strong>Nick Cs : RaduMan96</strong></font></span><br /><span style="color:#f00">[Trebuie sa fiti <a href="/profile.forum?mode=register&/register?redirect=%2Ft53-tutorial-incepatori-html">inscris</a> si <a href="/login.forum?/login?redirect=%2Ft53-tutorial-incepatori-html">conectat</a> pentru a vedea acest link]</span><br /><span style="font-size: 18px; line-height: normal"><font color="#FF4040"><strong><i>YD : Radu_Bse_4ever</i></strong></font></span><br /><span style="color:#f00">[Trebuie sa fiti <a href="/profile.forum?mode=register&/register?redirect=%2Ft53-tutorial-incepatori-html">inscris</a> si <a href="/login.forum?/login?redirect=%2Ft53-tutorial-incepatori-html">conectat</a> pentru a vedea acest link]</span> <br /><span style="font-size: 18px; line-height: normal"><font color="#40FFFF"><strong><i>City : Iasi</i></strong></font></span><br /><span style="color:#f00">[Trebuie sa fiti <a href="/profile.forum?mode=register&/register?redirect=%2Ft53-tutorial-incepatori-html">inscris</a> si <a href="/login.forum?/login?redirect=%2Ft53-tutorial-incepatori-html">conectat</a> pentru a vedea acest link]</span><br /><span style="font-size: 18px; line-height: normal"><font color="#BF00BF"><strong> ! ! ! Am Un Singur Defect Dau HeadShot Perfect ! ! !</strong></font></span></div></div><div class="postprofile" id="profile90"><!-- div class="online2"></div--><dl><dt><a href="/u1"><img src="https://imgfast.net/users/1212/25/67/12/avatars/1-91.gif" alt="avatar" /></a><br /><strong style="font-size:1.2em"><a href="/u1"><span style="color:#FF0000"><strong>RaduMan96</strong></span></a></strong></dt><dd>Administrator<br /><img src="http://img207.imageshack.us/img207/4113/administratorsq.png" alt="Administrator" title="Administrator" /><br /></dd><dd><br /></dd><dd><span class="label"><span style="color:#536482;">Mesaje</span> : </span> 262<hr /><span class="label"><span style="color:#536482;">Data de inscriere</span> : </span> 07/09/2011<hr /><span class="label"><span style="color:#536482;">Varsta</span> : </span> 22<hr /><span class="label"><span style="color:#536482;">Localizare</span> : </span> Iasi<hr /></dd><dd><br /></dd><dd><a href="/u1" class="profile-icon" title="Vezi profilul utilizatorului"><img src="http://hitsk.in/t/14/64/72/i_icon_profile.gif" class="i_icon_profile " alt="Vezi profilul utilizatorului" /></a> <a href="http://onlystar.forumz.ro" title="Viziteaza site-ul postatorului" target="_blank"><img src="http://hitsk.in/t/14/64/72/i_icon_www.gif" alt="http://onlystar.forumz.ro" /></a></dd></dl></div><div class="clear"></div><p class="right"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://illiweb.com/fa/empty.gif" alt="Sus" /></a> <a href="#bottom"><img class="sprite-arrow_prosilver_down" src="https://illiweb.com/fa/empty.gif" alt="In jos" /></a></p><span class="corners-bottom"><span></span></span></div></div><a name="bottomtitle"></a><p class="left-box"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://illiweb.com/fa/empty.gif" alt="Sus" /></a></p><div class="clear"></div><div class="noprint"></div><a name="quickreply"></a><hr /><div class="topic-actions"><div class="buttons"></div><div class="pathname-box"><p><a class="nav" href="/forum">OnlyStar !</a><a class="nav" href=""></a> :: <a href="/c16-webmaster" class="nav"><span>WebMaster !</span></a> :: <a href="/f47-alte-tutoriale" class="nav"><span>Alte Tutoriale !</span></a> :: <a href="/f48-html" class="nav"><span>Html !</span></a></p></div><div class="pagination">Pagina <strong>1</strong> din <strong>1</strong></div></div><div class="clear"></div><form action="/viewforum" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><fieldset class="jumpbox"><label>Mergi direct la: </label><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Selecteaza un forum</option><option value="-1"></option><option value="-1">|</option><option fa_attr="vrai" value="f88">|--Inregistreaza-te !</option><option fa_attr="vrai" value="c1">|--Regulament OnlyStar !</option><option fa_attr="vrai" value="f1">|   |--Regulament !</option><option value="-1">|   </option><option fa_attr="vrai" value="c2">|--Prezinta-te !</option><option fa_attr="vrai" value="f2">|   |--Prezintate !</option><option value="-1">|   </option><option fa_attr="vrai" value="c3">|--Parteneriate !</option><option fa_attr="vrai" value="f3">|   |--Parteneriate !</option><option value="-1">|   </option><option fa_attr="vrai" value="c4">|--Comunitate !</option><option fa_attr="vrai" value="f67">|   |--RecrutamServere !</option><option fa_attr="vrai" value="f92">|   |--Serverul.::>>OnlyStar</option><option fa_attr="vrai" value="f93">|   |--Serverele Comunitatii !</option><option fa_attr="vrai" value="c5">|   |--Noutati/Propuneri/Anunturi !</option><option fa_attr="vrai" value="f4">|   |   |--Noutati !</option><option fa_attr="vrai" value="f6">|   |   |--Anunturi !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="c7">|   |--Staff Zone !</option><option fa_attr="vrai" value="f7">|   |   |--Cerere Grad !</option><option fa_attr="vrai" value="f8">|   |   |--Membrii Staff-ului !</option><option fa_attr="vrai" value="f9">|   |   |--Reclamatii !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="f76">|   |--Cerere Categorie Clan</option><option value="-1">|   </option><option fa_attr="vrai" value="c19">|--Clan Zone !</option><option fa_attr="vrai" value="f77">|   |--Clanul Tau Aici !</option><option fa_attr="vrai" value="f90">|   |--Recrutam Clanuri !</option><option value="-1">|   </option><option fa_attr="vrai" value="c11">|--PhotoShop !</option><option fa_attr="vrai" value="c13">|   |--Resurse !</option><option fa_attr="vrai" value="f11">|   |   |--Icon-uri !</option><option fa_attr="vrai" value="f12">|   |   |--Psd-uri !</option><option fa_attr="vrai" value="f13">|   |   |--Brush-uri !</option><option fa_attr="vrai" value="f14">|   |   |--Font-uri !</option><option fa_attr="vrai" value="f15">|   |   |--Rendere !</option><option fa_attr="vrai" value="f16">|   |   |--Stock-uri !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="c14">|   |--Creatii Personale !</option><option fa_attr="vrai" value="f17">|   |   |--Portofoliu Creatii !</option><option fa_attr="vrai" value="f18">|   |   |--Creatii Pt Comunitate !</option><option fa_attr="vrai" value="f19">|   |   |--Suveniruri !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="f20">|   |--Cereri Imagini Personalizate !</option><option value="-1">|   </option><option fa_attr="vrai" value="c20">|--Tutoriale !</option><option fa_attr="vrai" value="f78">|   |--ForumGratuit !</option><option fa_attr="vrai" value="f79">|   |--Html !</option><option fa_attr="vrai" value="f80">|   |--JavaScript !</option><option fa_attr="vrai" value="f81">|   |--PhotoShop !</option><option fa_attr="vrai" value="f82">|   |--Windows !</option><option fa_attr="vrai" value="f83">|   |--Altele !</option><option value="-1">|   </option><option fa_attr="vrai" value="c21">|--Suport !</option><option fa_attr="vrai" value="f84">|   |--ForumGratuit !</option><option fa_attr="vrai" value="f85">|   |--Html !</option><option fa_attr="vrai" value="f86">|   |--PhotoShop !</option><option fa_attr="vrai" value="f87">|   |--Alte Probleme !</option><option value="-1">|   </option><option fa_attr="vrai" value="c6">|--Jocuri !</option><option fa_attr="vrai" value="c8">|   |--Counter-Strike 1.6 !</option><option fa_attr="vrai" value="f26">|   |   |--Tutoriale !</option><option fa_attr="vrai" value="f29">|   |   |--Download !</option><option fa_attr="vrai" value="f34">|   |   |--Resurse !</option><option fa_attr="vrai" value="f38">|   |   |   |--Addons-uri !</option><option fa_attr="vrai" value="f35">|   |   |   |--Cfg-uri !</option><option fa_attr="vrai" value="f36">|   |   |   |--Kit-uri !</option><option fa_attr="vrai" value="f37">|   |   |   |--Spray !</option><option fa_attr="vrai" value="f39">|   |   |   |--Plugin-uri !</option><option value="-1">|   |   |   </option><option fa_attr="vrai" value="f33">|   |   |--Diverse !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="c9">|   |--Metin 2 !</option><option fa_attr="vrai" value="f27">|   |   |--Tutoriale !</option><option fa_attr="vrai" value="f30">|   |   |--Download !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="c10">|   |--Left 4 Dead 2 !</option><option fa_attr="vrai" value="f28">|   |   |--Tutoriale !</option><option fa_attr="vrai" value="f31">|   |   |--Download !</option><option fa_attr="vrai" value="f71">|   |   |--Resurse !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="c17">|   |--Sa:Mp !</option><option fa_attr="vrai" value="f68">|       |--Tutoriale !</option><option fa_attr="vrai" value="f69">|       |--Kit-uri !</option><option fa_attr="vrai" value="f70">|       |--Resurse !</option><option value="-1">|   </option><option fa_attr="vrai" value="c16">|--WebMaster !</option><option fa_attr="vrai" value="f40">|   |--Windows !</option><option fa_attr="vrai" value="f41">|   |   |--Tutoriale !</option><option fa_attr="vrai" value="f42">|   |   |--Probleme !</option><option fa_attr="vrai" value="f43">|   |   |--Secrete !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="f44">|   |--PhpBB !</option><option fa_attr="vrai" value="f45">|   |   |--Tutoriale !</option><option fa_attr="vrai" value="f46">|   |   |--Teme !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="f47">|   |--Alte Tutoriale !</option><option fa_attr="vrai" value="f48">|       |--Html !</option><option fa_attr="vrai" value="f51">|       |--Php !</option><option fa_attr="vrai" value="f49">|       |--vBulletin !</option><option fa_attr="vrai" value="f50">|       |--Css !</option><option value="-1">|   </option><option fa_attr="vrai" value="c18">|--Sisteme Operare !</option><option fa_attr="vrai" value="f72">|   |--Windows Os !</option><option fa_attr="vrai" value="f73">|   |--Linux !</option><option fa_attr="vrai" value="f74">|   |--Mac Os !</option><option fa_attr="vrai" value="f75">|   |--Programe !</option><option value="-1">|   </option><option fa_attr="vrai" value="c12">|--Download Zone !</option><option fa_attr="vrai" value="f65">|   |--Jocuri Pc !</option><option fa_attr="vrai" value="f66">|   |--Jocuri Xbox !</option><option value="-1">|   </option><option fa_attr="vrai" value="c26">|--Diverse !</option><option fa_attr="vrai" value="f22">|   |--Discutii Generale !</option><option fa_attr="vrai" value="c28">|   |--Timp Liber !</option><option fa_attr="vrai" value="f23">|   |   |--Cafenea !</option><option fa_attr="vrai" value="f57">|   |   |   |--Filme !</option><option fa_attr="vrai" value="f56">|   |   |   |--Muzica !</option><option value="-1">|   |   |   </option><option fa_attr="vrai" value="f59">|   |   |--Evenimente !</option><option fa_attr="vrai" value="f60">|   |       |--Monden !</option><option fa_attr="vrai" value="f61">|   |       |--Sport !</option><option fa_attr="vrai" value="f62">|   |           |--Fotbal !</option><option fa_attr="vrai" value="f63">|   |           |--Handball !</option><option fa_attr="vrai" value="f64">|   |           |--Tenis !</option><option value="-1">|   |   </option><option fa_attr="vrai" value="f10">|   |--Jocuri Forumsite !</option><option value="-1">|   </option><option fa_attr="vrai" value="f91">|--Links !</option><option fa_attr="vrai" value="f89">|--Cosul De Gunoi !</option></select><input type="hidden" name="tid" value="8ff317da3ed6de88e9800998ecf8427e" /> <input class="button2" type="submit" value="Mergi la" /></fieldset></form><div class="h3"><strong>Permisiunile acestui forum:</strong></div><strong>Nu puteti</strong> raspunde la subiectele acestui forum<br /><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script><div class="55384" style="overflow:visible"><span class="corners-top"><span></span></span><div class="inner"><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_RON_300x250_Key", [300,250]).setTargeting("Etoxic_Login", ["http://onlystar.forumz.ro/t53-tutorial-incepatori-html", "http://onlystar.forumz.ro/t53-tutorial-incepatori-html"]).display();</scr' + 'ipt>');}//]]> </script> <script type="text/javascript">//<![CDATA[ Criteo.DisplayAd({ "zoneid": 561114, "async": false});//]]> </script> <div id="criteoDiv2" style="width:300px;height:250px;"></div> <script type="text/javascript"> Criteo.DisplayAcceptableAdIfAdblocked({ "zoneid": 359488, "containerid": "criteoDiv2", "overrideZoneFloor" : false, "callIfNotAdBlocked": function() { document.getElementById("criteoDiv2").style.display = "none"; } }); </script><noscript><a href='//cas.criteo.com/delivery/ck.php?n=2e3cec51&cb=516e0f4746' target='_blank'><img src='//cas.criteo.com/delivery/avw.php?zoneid=561114&n=2e3cec51&ct0=' border='0' alt='' /></a></noscript></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_RON_300x250_Key", [300,250]).setTargeting("Etoxic_Login", ["http://onlystar.forumz.ro/t53-tutorial-incepatori-html", "http://onlystar.forumz.ro/t53-tutorial-incepatori-html"]).display();</scr' + 'ipt>');}//]]> </script> <script type="text/javascript">//<![CDATA[ Criteo.DisplayAd({ "zoneid": 561114, "async": false});//]]> </script> <div id="criteoDiv20" style="width:300px;height:250px;"></div> <script type="text/javascript"> Criteo.DisplayAcceptableAdIfAdblocked({ "zoneid": 359488, "containerid": "criteoDiv20", "overrideZoneFloor" : false, "callIfNotAdBlocked": function() { document.getElementById("criteoDiv20").style.display = "none"; } }); </script><noscript><a href='//cas.criteo.com/delivery/ck.php?n=2e3cec51&cb=516e0f4746' target='_blank'><img src='//cas.criteo.com/delivery/avw.php?zoneid=561114&n=2e3cec51&ct0=' border='0' alt='' /></a></noscript></td> </tr> </tbody> </table> </div></div></div><span class="corners-bottom"><span></span></span></div><div style="height:3px"></div></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="/forum" accesskey="h">Acasa</a></li><li class="rightside"><strong><a href="http://www.forumgratuit.ro/" target="_blank">creează un forum</a></strong> | <span class="gensmall">©</span> <a href="https://www.forumgratuit.ro/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumgratuit.ro/" target="_blank">Forum gratuit de suport</a> | <a name="bottom" href="/contact" rel="nofollow">Contact</a> | <a href="/abuse?page=%2Ft53-tutorial-incepatori-html&report=1" rel="nofollow">Semnaleaza un abuz</a> | <strong><a href="http://www.blogratuit.ro" target="_blank">Creeaza un blog</a></strong></li></ul><span class="corners-bottom"><span></span></span></div></div><p class="copyright"><strong></strong></p></div></div></div></div></div><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'http://onlystar.forumz.ro/topicit/index.php/connect','data-version' : '1','data-lang' : 'ro'});(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>