Welcome to RedzKing - Your New Personality

Register now to gain access to all of our features. Once registered and logged in, you will be able to contribute to this site by submitting your own content or replying to existing content. You'll be able to customize your profile, receive reputation points as a reward for submitting content, while also communicating with other members via your own private inbox, plus much more! This message will be removed once you have signed in.

Al3x

C.E.O Manager
  • Content count

    12
  • Joined

  • Last visited

Community Reputation

10 Good

1 Follower

About Al3x

  • Rank
    Member
  • Birthday 07/14/1991

Personal Information

  • Steam ID STEAM_0:0:49864012

Recent Profile Visitors

74 profile views
  1. DNS Ready to use.
  2. tributele sunt folosite pentru a personalizatag-urile. Ce vreau sa spun? Ca la un moment dat vei vrea sa redimensionezi o imagine sau un tabel sau sa schimbi culoarea de fond. Toate acestea sunt posibile cu ajutorul atributelor. Cele mai multe tag-uri au propriile lor atribute. Vom vorbi despre aceasta pe masura ce introducem in discutie un nou tag. Acum insa vom vorbi despre un set de atribute generice care se pot folosi cu majoritatea tag-urilor. Atributele se introduc intre parantezele unghiulare (<>) ale tag-ului de deschidere. Atributele "class" si "id" in HTML Atributele class si id sunt foarte asemanatoare. Ele nu au un rol direct in formatarea elementelor si mai degraba sunt utile in spatele scenei cu ajutorul CSS. Vom vorbi despre rolul acestora la momentul potrivit, atunci cand vom studia sintaxa si funcia lor in CSS. Idea este ca atunci cand vrei sa stabilesti o clasa de tag-uri pentru a fi folosite mai tarziu ca ajutorul CSS, sa poti diferentia intre doua tag-uri identice dar cu atribute diferite. Priveste exempul alaturat. <p id="italicsparagraph">Paragraph type 1, inclinat </p> <p id="boldparagraph">Paragraph type 2, ingrosat </p> HTML - Atributul "name" "name" este ceva mai diferit fata de "id" si "class". Punand un nume unui element, acesta devine o variabila de script pentru Javascript, ASP si PHP. Cel mai des este intalnit in formulare si alte campuri de text interactive. <input type="text" name="TextField" /> Demo Acest atribut (name) nu are nici un afect asupra redarii casutei de text, cu toate ca in background detine un rol foarte important. HTML - Atributul "title" Atributul title este folosit foarte putin fata de cat ar trebuii, el adauga un titlu (un pop-up) oricarui continut al unui element. Acest atribut nu ar trebui uitat. Poti denumi aproape orice si oricum doresti. Vizualizarea titluluiapare atunci cand ne oprim co mausul cateva secunde deasupra contnutului. <h2 title="Eu sunt un atribut title!">Un Titlu Oarecare</h2> Demo Un Titlu Oarecare Treci cu mausul peste titlul de mai sus ca sa vezi magia atributului "title". Acest atribut va oferi site-ului tau multa interactiune cu cei ce te vor vizita. Nu il trece cu vederea. HTML - Atributul "align" Daca vrei sa alinieziin mod diferit anumite elemente ale pagini tale, atunci ai la dispozitie atributulalign.Poti alinia la stanga (left), dreapta (right) sau la mijlocul (center) pagini aproape orice element. Prin default elementele se aliniaza la stanga, esceptand atuci cand se specifica o alta aliniere. <h2 align="center">Titlu centrat </h2> Demo Titlu centrat Alte exemple: <h2 align="left">Titlu aliniat la stanga </h2> <h2 align="center">Titlu centrat </h2> <h2 align="right">Titlu aliniat la dreapta </h2> Valori standard pentru atribute Multora dintere tag-uri li se atribuie, valori standard. Asta inseamna ca daca nu specifici un alt atribut, browser-ul o va face pentru tine. De exemplu un paragraf se va alinia singur la stanga, exceptand atunci cand specifici altfel; la fel si elementele unui tabel. Pe masura ce vei exersa vei intelege mai multe despre valorile default ale unor tag-uri Atribute generice Retine ca atributele sunt folosite pentru a personaliza elementele unei pagini web. Am alturat aici cateva dintre atributele cele mai comune, folosite in HTML: Attribute Options Function align right, left, center Aliniere orizontala valign top, middle, bottom Aliniere verticala bgcolor numeric, hexidecimal, sau valoare RGB Un background in spatele elementului background URL O imagine in spatele elementului id Definit de user Numeste un element care se va folosi cu CSS class Definit de user Clasifica un element care se va folosi cu CSS width Valoare numerica Specifica latimea unui tabel, imagine, sau casute de tabel. height Valoare numerica Specifica inaltimea unui tabel, imagine, sau casute de tabel. title Definit de user "Pop-up". Afiseaza un titlu pentru un element stabilit.
  3. Un browser citeste absolut tot ceea ce ai scris in documentul HTML. De fiecare data cand gaseste un tag il va trata ca atare si il va reda, ca de exemplu un paragraf, un titlu un tabel sau orice altceva. Tagurile au trei parti dupa cum am mai spus deschiderea, continutul si inchiderea. Dupa cum vei putea invata mai departe exista sute de taguri HTML. Absolut toate elementele care vor fi redate de un browser au nevoie de un tag sau doua. html<tagdedeschidere>Continut</tagdeinchidere> <p>Exemplu un paragraf</p> Tag-urile se scriu cu litere mici. Acesta este standardul de scriere in XHTML si Dynamic HTML. Alaturat sunt cateva exemple de taguri in HTML. <body>Actioneaza ca o capsula asupra continutului. <p>Paragraf</p> <h2>Titlu (heading)</h2> <b>Ingrosat (bold)</b> <i>Inclinat (italic)</i> </body> Exceptii - Tag-uri care nu au nevoie de inchidere Exista cateva tag-uri care nu indeplinesc modelul anterior aratat. Motivul este ca in realitate aceste tag-uri nu au nevoie de nuci un continut. Datorita acestui fapt se va folosi o maniera modificat de criere a acestor taguri. Cel mai simplu exemplu este "linebreak" html<br /> Acest tag a imbinat cele doua taguri, de deschidere si de inchidere, intro forma mult mai simpla si mai eficace de folosit. Line break se foloseste pentru a spune browser-ului ca vrem sa coboram cu o linie mai jos, fara insa a incheia paragraful. Urmand acest exemplu si alte tag-uri au fost modificate pentru o scriere mai simpla si mai rapida. <img src="../img/image.jpg" /> -- Image Tag -- <br /> -- Line Break Tag -- <input type="text" size="12" /> -- Input Field -- Demo -- Image Tag -- -- Line Break Tag -- -- Input Field -- Dupa cum poti vedea borowser-ul este capabil sa reproduca aceasta imagine atata timp cat furnizam locatia cu ajutorul atributului "scr". Mai multe despre aceasta in tutorialul urmator.
  4. Elementele HTML au multe ranguri. Tot ceea ce vezi, paragrafele, banner-ul de deasupra, link-urile de navigare la dreapta si la stanga pagini, sunt toate elemente ale acestei pagini. Un element are trei parti: un tag de deschidere, continutul elementului si tag-ul de inchidere. <p> - tag-ul pentru deschiderea unui paragraf Continutul elementului - paragraful propriu-zis </p> - tag-ul de inchidere ***Nota: Toate paginile web vor avea cel putin elementele de baza: html, head, title si body. <html>element...</html> Un document HTML intotdeauna va incepe si va termina cu un tag <html> si respectiv </html>. Aceasta este spructura standard a unui HTML. Deschide te rog Notepad si copiaza urmatorul cod: <html> </html> Salveaza documentul di meniul File / Save As. Selecteaza All Files si denumeste fisierul nou creeat, "index.html". Apasa Save. Deschide acum fisierul intr-un browser pentru a avea posibilitatea sa dam refresh (F5). Daca ai facut totul bine vei putea vedea prima ta pagina web, complet alba! Elementul <head> Elementul <head> este cel care urmeaza. Atata timp cand il pui intre html si body totul ar trebui sa fie OK. "Head" nu are nici o functie vizibila, asa ca vom discuta despre acest aspect in tutorialele ulterioare. Totusi vreau sa mentionez ca <head> poate oferi browser-ului informati foarte utile. Se pot insera aici printre altele coduri Javascript sau CSS. Deocamdata insa il vom lasa gol cu exceptia faptului ca vom introduce urmatorul element pe lista, dar mai intai sa aruncam o privire fara el: <html> <head> <title> Prima mea pagina web!</title> </head> </html> Daca vei salva documentul si vei incerca sa dai un refresh la pagina intiala din browser nu vei nota nici o diferenta. Ai putina rabdare, in continuare vom studia catevaelemente vizibile. Elementul <title> Pentru ca totul sa iasa bine trebuie sa pui tag-ul titleinauntrul celui de head.Ceea ce vei scrie intre cele doua tag-uri title (<title> si </title>) va putea fi vizualizat ca si numele browser-ului, de obicei in partea din stanga sus. Alaturat avem si codul sursa: <html> <head> <title> Prima mea pagina web!</title> </head> </html> Salveazal acum fisierul si deschide-l in browser. Vei putea vede titlul dupa cum am mai spus in partea din stanga sus, la marea majorilate a browser-elor Poti pune orice nume doresti, daoar tine minte ca numele descriptive sunt cele mai usor de gasit ulterior Elementul <body> Elementul body este cel care defineste inceperea continutului pagini propriu-zise (titluri paragrafe fotografi muzicasi orice altceva). Dupa cum poti vedea in meniul de la stanga, vom trata pe rand toate aceste elemnte de continut. Deocamdata tot ce trebuie sa reti este ca body incapsuleaza tot continutul pagini. <html> <head> <title> Prima mea pagina web!</title> </head> <body> Salut Gasca! Aici voi pune mai tarziu continutul! </body> </html> Vizualizeaza acum toata isprava, dupa care te invit sa parcurgi urmatorul tutorial.
  5. Bine ai venit in sectiunea de tutoriale HTML. Aici vei putea invata limbajul de programare HTML, pentru a fi capabil sa realizazi propriile tale pagini web. Daca deja esti familiarizat cu XML, atunci HTML ti se va parea usor de invatat. Va safatuim sa nu cititi tot acest tutorial dintr-o data, ci sa petreceti un sfert sau o jumatate de ora parcurgand cateva capitole dupa care sa practicati. Sa luati un pix si o bucata de hartie si sa va faceti propria lista de taguri html invatate pe care sa incercati sa le folositi in contextul uneipagini web Pregatire pentru HTML Crearea documentelor in HTML nu este dificila. Pentru inceput nu vei avea nevoie decat de notepad si de putina ambitie. Daca esti nou in domeniul programari si nu ai parcurs inca, Ghidul incepatorului, te sfatuiesc sa petreci cateva minute citindul. Pagini Web Paginile web au multe intrebuintari. Aici sunt explicate cateva dintre argumente: Cea mai simpla cale de a raspandii informatii pe internet O alta forma de a-ti amplifica afacerea Poti face cunoscut lumi ca ai ceva de spus intr-o pagina personala Poate forum, un blog, o pagina de prezentare, sau orice altceva ce iti trece prin cap. Cuvinte de retinut Tag - folosit pentru a specifica regiuni ale documentului HTML, pe care le va interpreta ulterior browser-ul. Tag-urile vor avea aceasta infatisare: <tag> Element - este un tag complet, avand un <tag> de deschidere si unul de inchidere </tag>. Attribute - este folosit pentru a modifica valoarea unui element in HTML. De obicei un element are mai multe atribute. Deocamdata trebuie doar sa retii ca un tag este o comanda pe care browser-ul o interpreteaza, ca un element este un tag complet iar un atribut personalizeaza si modifica un element inHTML. Urmatoarele tutoriale Pentru tutorialele care urmeaza poti folosii meniul din stanga pentru a parcurge ceea ce te intereseaza, sau poti citi din scoarta in scoarta apasand butonul "Next | >", situat in partea de jos a paginii. Nu te retine in a lasa comentarii acolo unde ceva iti este neclar sau pur si simplu ai de facut o completare articolului.
  6. In exemplul anterior au fost introduse cateva tag-uri noi. Vom incerca sa dam o definitie acesstora, pentru a putea incepe in lectia urmatoare, adevaratul tutorial Tag-urile despre care vorbeam sunt: <head>, <title>, <h2> si <p>. Exemplul in discutie: <html> <head> <title>Pagina mea!</title> </head> <body> <h2>Bine ati venit.</h2> <p>Foarte curand voi face o pagina care va v-a da pe spate pe toti!</p> </body> </html> <head> Acest tag urmeaza imediat dupa <html> si este folosit pentru a indica browser-ului, informatii utile precum: titlul pagini, continulul (folosit de motoarele de cautare vechi) si multe altele <title> Se pune intre <head> si </head>. Acest tageste cel care da numele pagini. Numele va fi afisat in browser, de obicei in partea stanga sus. In exemplul anterior titlul era "Pagina mea!" si va fi afisat ca si titlul browserului. <h2> Acesta este titlulcare apre in pagina, inainte de continut si va fi mai mare decat litera de continut. <h2> inseamna ca e cea de-a doua marime a literei intre cel sase care exista. <h1> este cea mai mare iar <h6> va fi cea mai mica. <p> Este tag-ul care marcheaza deschiderea si incheerea unui paragraf. Asa ca atunci cand vei incepe un paragraf asigurate ca ai pus <p> la inceput si </p> la sfarsit.
  7. Acum ca deja ai creat prima ta pagina web, ar trebuii sa examinam cateva segmente ale fisierului "index.html". Cu siguranta ai vazut ca exista un model in aranjatea comenzilor, niste cuvinte care sunt incercuite de "<" si ">", acestea sunt tag-urile HTML Un exemplu detag in HTML este <body>. Tag-ul <body> spune browser-ului, unde incepe continutul paginii web. <body> este deasemenea un exemplu de tagcare ar trebuii sa existe in absolut orice pagina web. Tag-uri de baza in HTML Sa mai aruncam o privire asupre codului. O pagina web are in componenta doua elemente de baza. Daca vei incerca sa creezi o pagina fara cele doua tag-uri, vei avea probleme. html<html> <body> Continutul paginii va fi aici </body> </html> Primul tag se numeste <html> si este cel care ii spune browser-ului ca a inceput un cod in HTML. Cel de-al doilea tag, <body>, spune browser-ului ca aici incepe partea vizibila sau continutul paginii HTML. Inchiderea tag-urilor in HTML Poate ai observat deja inca doua tag-uri asemanatoare la sfarsitul documentului, </body> si </html>. Acestea sunt tag-urile de inchidere. </body>, da de stire browser-ului, ca sa incheiat continulul pagini, iar </html> ca s-a incheiat documentul HTML. Slesh "/" este pus innaintea numeluitag-ului si spune browserului ca ar dori sa incheie respectiva functie. Deci <tag> este folosit pentru a incepe o functie, iar </tag> pentru a o incheia. Ordinea tag-urilor - Foarte important Ordinea deschiderii si a inchiderii tag-urilor este foarte importanta. Daca un tag este deschis intr-un altul, de exemplu bodyeste deschis in html atunci acel tag (body) este cel care trebuie inchis inaintea celui de-al doilea tag (html). Am inchis mai intai body pentru ca a fost cel care s-a deschis cel mai recent. Aceasta regula si anume deschiderea si inchiderea tag-urilor se aplica la toate celelalte taguri ale documentelor HTML. Cea de-a doua pagina Probabil ca ai nevoie de timp si de mai multe incercari perntru a te acomoda cu aceste reguli, asa ca cel mai bine ar fi sa exersam in continuare cu o a doua pagina web. Copiaza acest cod in notepad, asa cum ai facut si prima data. <html> <head> <title>Pagina mea!</title> </head> <body> <h2>Bine ati venit.</h2> <p>Foarte curand voi face o pagina care va v-a da pe spate pe toti!</p> </body> </html> Dupa ce te-ai asigurat ca totul e facut conform indicatiilor anterioare, poti salva documentul. Ai putea chiar sa-l salvezi cu acelasi nume ca si cel anterior, si anume "index.html". S-ar putea sa te intrebe daca vrei sa salvezi peste documentul anterior, poti sa dai linistit OK, nu vom mai avea nevoie de celalalt document. Cand ai terminat, mergi mai departe si citeste urmatorul tutorial.
  8. Ce este HTML Html sau HyperText Markup Language este unul dintre cele mai vechi limbaje de marcare web. Acesta sta la baza crearii unui site web. Cu alte cuvinte, inainte de a invata alte limbaje de programare trebuie sa cunosti cel putin HTML. Acest sir de tutoriale html este conceput pentru a-ti oferi putina experienta, pentru ca tu sa fi capabil sa citesti si sa scri in HTML, sa poti salva corect documentele si sa poti, dupa aceea sa vizualizezi toata "osteneala" intr-un browser web. Din pacate aceeasta pagina nu detine o rubrica pentru a te invata sa folosesti functiile de baza ale unui calculator, asa ca in acest sens poti sa ceri ajutorul unui prieten pentru a putea fii initiat in urmatoarele: Sa stii ce este un notepad si cum se foloseste Sa stii sa deschizi un fisier folosind Internet Explorer (sau oricare alt browser la alegere, vezi mai jos o lista cu cele mai folosite browsere) Sa stii ce este si cum se face un copy/paste Prima pagina web Pentru inceput copiaza urmatorul cod HTML in notepad. Aigurate ca operatiunea a fost executata corect, in caz contrar pagina nu va functiona. Codul HTML de mai sus, este tot ceea ce iti trebuie pentru a crea o pagina web de baza. Acum poti salva documentul in notepad selectand din meniul"File", optiunea "Save As". In fereastra care se deschide, selecteaza "All Files". Vom da un nume fisierului, de exemplu "index.html", fara ghilimele. Verifica de doua ori innainte de a apasa butonul "Save". O sa te rog sa incerci sa iti aduci aminte unde ai salvat fisierul deoarece vom lucra cu acest fisier ceva mai tarziu. Vizualizarea primei pagini web - Browsers Pentru a putea vedea pagina, va trebuii sa folosesti un browser. Browser-ele sunt programele de internet care interpreteaza codurile HTML, asemanatoare cu acele pe care le-ai copiat si salvat in notepad. Acestea transforma codul HTML intr-o pagina web care poate fi citita de orice internaut. Cele mai folosite browsere sunt: Chrome FireFox Safari Opera Internet Explorer Vizualizarea primei pagini Pentru a putea vizualiza pagina web, trebuie sa deschizi fisierul "index.html" intr-un browser. In acest sens, poti face clik dreapta pe fisier si selecta optiunea "Open with.." (deschide cu..), alegand unul din browser-ele enumerate mai sus. Felicitari! Tocmai ai vazut prima ta pagina web.
  9. 4 ca e originalul de la tema :))
  10. Salutare man
  11. Nick : Al3x Numele Real : Alexandru Varsta : 26 Ocupatie : Operator Productie Hobiuri : Coding Pasiunii : Dota 2 Cine te-a adus pe comunitate ?: Am venit singur Daca ai fi administrator 1 zi ce ai face ? : no shit? Ce nota acorzi comunitatii nostre ?: 10 normal Ce crezi tu ca ar trebui schimbat : Inca se lucreaza Alte mentionarii : pe ei pe mama lor