cavalerunegru Posted August 10, 2010 Report Posted August 10, 2010 Nu cine stie ce greutate.E pentru incepatori cei care nu stiu.Acest tutorial nu este facut de mine ;)Ghidul Incepatorului in HTML - Pentru aceia dintre voi care sunt incepatori HTML si in crearea de pagini web folosind HTML. Acest limbaj de marcare sta la baza programari web. Toate sau aproape toate website-urile folosesc HTML-ul in constructia lor.Tutorial Complet HTML - HyperText Markup Language sau pe scurt HTML. HTML a aparut ca o modalitate de a prezenta informatia structurata pe titluri paragrafe etc. Pentru a personaliza aceste elemente HTML va recomandam sa folositi CSSTutorial Complet XHTML - eXtensible HyperText Markup Language, sau pe numele lui mic XHTML, este o versiune mult mai stricta si mai curata a HTML.Tutorial complet CSS - CSS este prescurtarea de la Cascading Style Sheets sau in traducere libera, foi de stil. Folosind CSS poti formata toate elementele HTML fara a incarca prea mult documentul HTML. In acest fel vei minimiza timpul de incarcare (loading) si vei putea schimba infatisarea paginii modificand un singur fisier.Html pe scurtAm incercat mai jos sa fac o scurta lista cu cele mai folosite coduri HTML. Poti sa adaugi aceasta pagina la favorite pentru a avea la-ndemana acesta lista de coduri HTML atunci cand nu sti cum se formuleaza un anumit tag HTML sau pur sui simplu nu iti aduci aminte.Html - ElementePrincipalele elemente in HTML sumt , , si . Iata si un exemplu simplu de contruire a unei pagini HTML. Prima mea pagina web folosind cateva coduri HTML! Salut Gasca! Aici voi pune mai tarziu continutul! Si voi reaiza o pagina simpla folosind HTML Html - ParagrafAcesta este un simplu paragraf in HTMLAcesta este un paragraf aliniat la stangaPe langa atributul align putem folosi pentru a alinia elementele HTML urmatoarele valori: left, right center si justify.Html - TitluriAcesta este tag-ul HTML pentru cel mai mare titluAlte tipuri de titluri in HTML: h2, h3, h4, h5, h6. Unde h1 este cel mai mare si h6 cel mai mic.Html - Linebreak este un salt in linie in HTML - spatiul intre br si slesh face diferenta intre cod valid XHTML si HTML 4.1 de exemplu.Html - Line Orizontala se foloseste pentru a desena o linie orizontala in HTML - spatiul intre hr si slesh face diferenta intre cod valid XHTML si HTML 4.1 de exemplu..Html - ListeO lista simpla in HTML este de formaPrimul element HTML din listaAl doilea element HTML din listaAl treilea element HTML din listaLista de mai sus este o lista ordonata. Alte tipuri de liste in HTML sunt liste neordonata si lista de definitii.Html - Link-uriHtml 5Mergi la inceput ()Nelamuriri aiciAu fost exemplificate mai sus un link normal in HTML, un link folosit pentru a lega doua sectiuni in aceasi pagina, un link email si un link imagine. Desi nu se mai foloseste in HTML dar merita mentionat.Base href a fost scos din indexul tagurilor in HTML 5Html - ImaginiVa recomand alinierea cu ajutorul CSS. La fel si stabilirea dimensiunilor imaguinii. Ceea ce ar transforma codul HTML de mai sus in:Html - FormulareAm adaugat mai jos codul HTML folosit pentru a crea un simplu formular. Acesta este doar formularul HTML folosit de user pentru a introduce informatia dorita. Nu uita ca pentru procesarea aceste informatii, odata ce se face click pe butonul submit al formularului HTML. Informatia va fi procesata de catre un fisier.php si eventual urcata in baza de date sau trimisa pe email..................campurile de text care vor prelua informatia.........Html - Campuri de textAm atasat mai jos codurile HTML folosite pentru campuri de text in functie de cerinte. - camp de text normal - parola - buton radio - casuta de bifat - meniu drop-downHtml 4.1 Html 5 HTML - TabeleStructura de baza a unui tabel in HTML este urmatoarea.. Column 1 Column 2 Row 1 Cell 1 Row 1 Cell 2 Row 2 Cell 1 Row 2 Cell 2 Html - BgcolorIata folosirea atributului bgcolor in HTML. Scopul lui este acela de a stabili o culoare de fond.<div bgcolor="#888888"> - etc.Html - BackgroundPuntru a pune o imagine background vom folosi urmatorul cod HTML.Html - ComentariiHtml - Embed (Muzica)Pentru a insera muzica intr-un document.html vom folosi folosi urmatorul rand HTML.Html - Object (Video)Pentru a insera un video intr-un document.html vom folosi urmatoarea bucata de cod HTML.Html- Text ingrosat (Bold)text ingrosat in htmltext ingrosat in htmlHtml - Text inclinatitalicemphasizedblockquoteaddressHtml - Subscript, Superscript, Striketroughindice!exponential!text taiatIn general aceste trei tag-uri HTML nu se folosesc prea mult dar merita amintiteHTML - Upload si Campuri ascunseExemplul de mai jos este campul folosit pentru a urca un fisier pe server. Tine minte ca este doar partea HTML a formularului. Quote