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 correctif="no" value="f88">|--Inregistreaza-te !</option><option correctif="no" value="c1">|--Regulament OnlyStar !</option><option correctif="no" value="f1">|   |--Regulament !</option><option value="-1">|   </option><option correctif="no" value="c2">|--Prezinta-te !</option><option correctif="no" value="f2">|   |--Prezintate !</option><option value="-1">|   </option><option correctif="no" value="c3">|--Parteneriate !</option><option correctif="no" value="f3">|   |--Parteneriate !</option><option value="-1">|   </option><option correctif="no" value="c4">|--Comunitate !</option><option correctif="no" value="f67">|   |--RecrutamServere !</option><option correctif="no" value="f92">|   |--Serverul.::>>OnlyStar</option><option correctif="no" value="f93">|   |--Serverele Comunitatii !</option><option correctif="no" value="c5">|   |--Noutati/Propuneri/Anunturi !</option><option correctif="no" value="f4">|   |   |--Noutati !</option><option correctif="no" value="f6">|   |   |--Anunturi !</option><option value="-1">|   |   </option><option correctif="no" value="c7">|   |--Staff Zone !</option><option correctif="no" value="f7">|   |   |--Cerere Grad !</option><option correctif="no" value="f8">|   |   |--Membrii Staff-ului !</option><option correctif="no" value="f9">|   |   |--Reclamatii !</option><option value="-1">|   |   </option><option correctif="no" value="f76">|   |--Cerere Categorie Clan</option><option value="-1">|   </option><option correctif="no" value="c19">|--Clan Zone !</option><option correctif="no" value="f77">|   |--Clanul Tau Aici !</option><option correctif="no" value="f90">|   |--Recrutam Clanuri !</option><option value="-1">|   </option><option correctif="no" value="c11">|--PhotoShop !</option><option correctif="no" value="c13">|   |--Resurse !</option><option correctif="no" value="f11">|   |   |--Icon-uri !</option><option correctif="no" value="f12">|   |   |--Psd-uri !</option><option correctif="no" value="f13">|   |   |--Brush-uri !</option><option correctif="no" value="f14">|   |   |--Font-uri !</option><option correctif="no" value="f15">|   |   |--Rendere !</option><option correctif="no" value="f16">|   |   |--Stock-uri !</option><option value="-1">|   |   </option><option correctif="no" value="c14">|   |--Creatii Personale !</option><option correctif="no" value="f17">|   |   |--Portofoliu Creatii !</option><option correctif="no" value="f18">|   |   |--Creatii Pt Comunitate !</option><option correctif="no" value="f19">|   |   |--Suveniruri !</option><option value="-1">|   |   </option><option correctif="no" value="f20">|   |--Cereri Imagini Personalizate !</option><option value="-1">|   </option><option correctif="no" value="c20">|--Tutoriale !</option><option correctif="no" value="f78">|   |--ForumGratuit !</option><option correctif="no" value="f79">|   |--Html !</option><option correctif="no" value="f80">|   |--JavaScript !</option><option correctif="no" value="f81">|   |--PhotoShop !</option><option correctif="no" value="f82">|   |--Windows !</option><option correctif="no" value="f83">|   |--Altele !</option><option value="-1">|   </option><option correctif="no" value="c21">|--Suport !</option><option correctif="no" value="f84">|   |--ForumGratuit !</option><option correctif="no" value="f85">|   |--Html !</option><option correctif="no" value="f86">|   |--PhotoShop !</option><option correctif="no" value="f87">|   |--Alte Probleme !</option><option value="-1">|   </option><option correctif="no" value="c6">|--Jocuri !</option><option correctif="no" value="c8">|   |--Counter-Strike 1.6 !</option><option correctif="no" value="f26">|   |   |--Tutoriale !</option><option correctif="no" value="f29">|   |   |--Download !</option><option correctif="no" value="f34">|   |   |--Resurse !</option><option correctif="no" value="f38">|   |   |   |--Addons-uri !</option><option correctif="no" value="f35">|   |   |   |--Cfg-uri !</option><option correctif="no" value="f36">|   |   |   |--Kit-uri !</option><option correctif="no" value="f37">|   |   |   |--Spray !</option><option correctif="no" value="f39">|   |   |   |--Plugin-uri !</option><option value="-1">|   |   |   </option><option correctif="no" value="f33">|   |   |--Diverse !</option><option value="-1">|   |   </option><option correctif="no" value="c9">|   |--Metin 2 !</option><option correctif="no" value="f27">|   |   |--Tutoriale !</option><option correctif="no" value="f30">|   |   |--Download !</option><option value="-1">|   |   </option><option correctif="no" value="c10">|   |--Left 4 Dead 2 !</option><option correctif="no" value="f28">|   |   |--Tutoriale !</option><option correctif="no" value="f31">|   |   |--Download !</option><option correctif="no" value="f71">|   |   |--Resurse !</option><option value="-1">|   |   </option><option correctif="no" value="c17">|   |--Sa:Mp !</option><option correctif="no" value="f68">|       |--Tutoriale !</option><option correctif="no" value="f69">|       |--Kit-uri !</option><option correctif="no" value="f70">|       |--Resurse !</option><option value="-1">|   </option><option correctif="no" value="c16">|--WebMaster !</option><option correctif="no" value="f40">|   |--Windows !</option><option correctif="no" value="f41">|   |   |--Tutoriale !</option><option correctif="no" value="f42">|   |   |--Probleme !</option><option correctif="no" value="f43">|   |   |--Secrete !</option><option value="-1">|   |   </option><option correctif="no" value="f44">|   |--PhpBB !</option><option correctif="no" value="f45">|   |   |--Tutoriale !</option><option correctif="no" value="f46">|   |   |--Teme !</option><option value="-1">|   |   </option><option correctif="no" value="f47">|   |--Alte Tutoriale !</option><option correctif="no" value="f48">|       |--Html !</option><option correctif="no" value="f51">|       |--Php !</option><option correctif="no" value="f49">|       |--vBulletin !</option><option correctif="no" value="f50">|       |--Css !</option><option value="-1">|   </option><option correctif="no" value="c18">|--Sisteme Operare !</option><option correctif="no" value="f72">|   |--Windows Os !</option><option correctif="no" value="f73">|   |--Linux !</option><option correctif="no" value="f74">|   |--Mac Os !</option><option correctif="no" value="f75">|   |--Programe !</option><option value="-1">|   </option><option correctif="no" value="c12">|--Download Zone !</option><option correctif="no" value="f65">|   |--Jocuri Pc !</option><option correctif="no" value="f66">|   |--Jocuri Xbox !</option><option value="-1">|   </option><option correctif="no" value="c26">|--Diverse !</option><option correctif="no" value="f22">|   |--Discutii Generale !</option><option correctif="no" value="c28">|   |--Timp Liber !</option><option correctif="no" value="f23">|   |   |--Cafenea !</option><option correctif="no" value="f57">|   |   |   |--Filme !</option><option correctif="no" value="f56">|   |   |   |--Muzica !</option><option value="-1">|   |   |   </option><option correctif="no" value="f59">|   |   |--Evenimente !</option><option correctif="no" value="f60">|   |       |--Monden !</option><option correctif="no" value="f61">|   |       |--Sport !</option><option correctif="no" value="f62">|   |           |--Fotbal !</option><option correctif="no" value="f63">|   |           |--Handball !</option><option correctif="no" value="f64">|   |           |--Tenis !</option><option value="-1">|   |   </option><option correctif="no" value="f10">|   |--Jocuri Forumsite !</option><option value="-1">|   </option><option correctif="no" value="f91">|--Links !</option><option correctif="no" value="f89">|--Cosul De Gunoi !</option></select><input type="hidden" name="tid" value="48e71da648a56f52e9800998ecf8427e" /> <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="b5b1" 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 gratuit</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>