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="https://redcdn.net/ihimizer/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="https://redcdn.net/ihimizer/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="https://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="https://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><div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="" border="0" /></a></span><span class="ptrafic"> Subiecte similare</span><span class="corners-bottom"><span></span></span></div><div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="" border="0" /></a></span><span class="ptrafic"> Subiecte similare</span><div class="clear"></div><div>» <a href="http://samp.forumotion.com/t447830-tutorial-cum-sa-faci-un-sistem-de-logare-inregistrare" target="_blank" title="[Tutorial] Cum sa faci un sistem de logare/inregistrare!" rel="nofollow">[Tutorial] Cum sa faci un sistem de logare/inregistrare!</a><br />» <a href="http://lanenicu.forumotion.com/t4787-cod-html-pentru-flashscore" target="_blank" title="Cod HTML pentru Flashscore" rel="nofollow">Cod HTML pentru Flashscore</a><br /></div><span class="corners-bottom"><span></span></span></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 classe="any" value="f88">|--Inregistreaza-te !</option><option classe="any" value="c1">|--Regulament OnlyStar !</option><option classe="any" value="f1">|   |--Regulament !</option><option value="-1">|   </option><option classe="any" value="c2">|--Prezinta-te !</option><option classe="any" value="f2">|   |--Prezintate !</option><option value="-1">|   </option><option classe="any" value="c3">|--Parteneriate !</option><option classe="any" value="f3">|   |--Parteneriate !</option><option value="-1">|   </option><option classe="any" value="c4">|--Comunitate !</option><option classe="any" value="f67">|   |--RecrutamServere !</option><option classe="any" value="f92">|   |--Serverul.::>>OnlyStar</option><option classe="any" value="f93">|   |--Serverele Comunitatii !</option><option classe="any" value="c5">|   |--Noutati/Propuneri/Anunturi !</option><option classe="any" value="f4">|   |   |--Noutati !</option><option classe="any" value="f6">|   |   |--Anunturi !</option><option value="-1">|   |   </option><option classe="any" value="c7">|   |--Staff Zone !</option><option classe="any" value="f7">|   |   |--Cerere Grad !</option><option classe="any" value="f8">|   |   |--Membrii Staff-ului !</option><option classe="any" value="f9">|   |   |--Reclamatii !</option><option value="-1">|   |   </option><option classe="any" value="f76">|   |--Cerere Categorie Clan</option><option value="-1">|   </option><option classe="any" value="c19">|--Clan Zone !</option><option classe="any" value="f77">|   |--Clanul Tau Aici !</option><option classe="any" value="f90">|   |--Recrutam Clanuri !</option><option value="-1">|   </option><option classe="any" value="c11">|--PhotoShop !</option><option classe="any" value="c13">|   |--Resurse !</option><option classe="any" value="f11">|   |   |--Icon-uri !</option><option classe="any" value="f12">|   |   |--Psd-uri !</option><option classe="any" value="f13">|   |   |--Brush-uri !</option><option classe="any" value="f14">|   |   |--Font-uri !</option><option classe="any" value="f15">|   |   |--Rendere !</option><option classe="any" value="f16">|   |   |--Stock-uri !</option><option value="-1">|   |   </option><option classe="any" value="c14">|   |--Creatii Personale !</option><option classe="any" value="f17">|   |   |--Portofoliu Creatii !</option><option classe="any" value="f18">|   |   |--Creatii Pt Comunitate !</option><option classe="any" value="f19">|   |   |--Suveniruri !</option><option value="-1">|   |   </option><option classe="any" value="f20">|   |--Cereri Imagini Personalizate !</option><option value="-1">|   </option><option classe="any" value="c20">|--Tutoriale !</option><option classe="any" value="f78">|   |--ForumGratuit !</option><option classe="any" value="f79">|   |--Html !</option><option classe="any" value="f80">|   |--JavaScript !</option><option classe="any" value="f81">|   |--PhotoShop !</option><option classe="any" value="f82">|   |--Windows !</option><option classe="any" value="f83">|   |--Altele !</option><option value="-1">|   </option><option classe="any" value="c21">|--Suport !</option><option classe="any" value="f84">|   |--ForumGratuit !</option><option classe="any" value="f85">|   |--Html !</option><option classe="any" value="f86">|   |--PhotoShop !</option><option classe="any" value="f87">|   |--Alte Probleme !</option><option value="-1">|   </option><option classe="any" value="c6">|--Jocuri !</option><option classe="any" value="c8">|   |--Counter-Strike 1.6 !</option><option classe="any" value="f26">|   |   |--Tutoriale !</option><option classe="any" value="f29">|   |   |--Download !</option><option classe="any" value="f34">|   |   |--Resurse !</option><option classe="any" value="f38">|   |   |   |--Addons-uri !</option><option classe="any" value="f35">|   |   |   |--Cfg-uri !</option><option classe="any" value="f36">|   |   |   |--Kit-uri !</option><option classe="any" value="f37">|   |   |   |--Spray !</option><option classe="any" value="f39">|   |   |   |--Plugin-uri !</option><option value="-1">|   |   |   </option><option classe="any" value="f33">|   |   |--Diverse !</option><option value="-1">|   |   </option><option classe="any" value="c9">|   |--Metin 2 !</option><option classe="any" value="f27">|   |   |--Tutoriale !</option><option classe="any" value="f30">|   |   |--Download !</option><option value="-1">|   |   </option><option classe="any" value="c10">|   |--Left 4 Dead 2 !</option><option classe="any" value="f28">|   |   |--Tutoriale !</option><option classe="any" value="f31">|   |   |--Download !</option><option classe="any" value="f71">|   |   |--Resurse !</option><option value="-1">|   |   </option><option classe="any" value="c17">|   |--Sa:Mp !</option><option classe="any" value="f68">|       |--Tutoriale !</option><option classe="any" value="f69">|       |--Kit-uri !</option><option classe="any" value="f70">|       |--Resurse !</option><option value="-1">|   </option><option classe="any" value="c16">|--WebMaster !</option><option classe="any" value="f40">|   |--Windows !</option><option classe="any" value="f41">|   |   |--Tutoriale !</option><option classe="any" value="f42">|   |   |--Probleme !</option><option classe="any" value="f43">|   |   |--Secrete !</option><option value="-1">|   |   </option><option classe="any" value="f44">|   |--PhpBB !</option><option classe="any" value="f45">|   |   |--Tutoriale !</option><option classe="any" value="f46">|   |   |--Teme !</option><option value="-1">|   |   </option><option classe="any" value="f47">|   |--Alte Tutoriale !</option><option classe="any" value="f48">|       |--Html !</option><option classe="any" value="f51">|       |--Php !</option><option classe="any" value="f49">|       |--vBulletin !</option><option classe="any" value="f50">|       |--Css !</option><option value="-1">|   </option><option classe="any" value="c18">|--Sisteme Operare !</option><option classe="any" value="f72">|   |--Windows Os !</option><option classe="any" value="f73">|   |--Linux !</option><option classe="any" value="f74">|   |--Mac Os !</option><option classe="any" value="f75">|   |--Programe !</option><option value="-1">|   </option><option classe="any" value="c12">|--Download Zone !</option><option classe="any" value="f65">|   |--Jocuri Pc !</option><option classe="any" value="f66">|   |--Jocuri Xbox !</option><option value="-1">|   </option><option classe="any" value="c26">|--Diverse !</option><option classe="any" value="f22">|   |--Discutii Generale !</option><option classe="any" value="c28">|   |--Timp Liber !</option><option classe="any" value="f23">|   |   |--Cafenea !</option><option classe="any" value="f57">|   |   |   |--Filme !</option><option classe="any" value="f56">|   |   |   |--Muzica !</option><option value="-1">|   |   |   </option><option classe="any" value="f59">|   |   |--Evenimente !</option><option classe="any" value="f60">|   |       |--Monden !</option><option classe="any" value="f61">|   |       |--Sport !</option><option classe="any" value="f62">|   |           |--Fotbal !</option><option classe="any" value="f63">|   |           |--Handball !</option><option classe="any" value="f64">|   |           |--Tenis !</option><option value="-1">|   |   </option><option classe="any" value="f10">|   |--Jocuri Forumsite !</option><option value="-1">|   </option><option classe="any" value="f91">|--Links !</option><option classe="any" value="f89">|--Cosul De Gunoi !</option></select><input type="hidden" name="tid" value="3eb936d5cf970205e9800998ecf8427e" /> <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="d7995c1" 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="https://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>