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.
Elementele HTML au multe ranguri. Tot ceea ce vezi, paragrafurile, banner-ul de deasupra, link-urile de navigare la dreapta si la stanga paginii, 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.
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 unei pagini web
Bine ai venit pe pagina noastra de Tutoriale HTML, tutoriale despre programare in html si web-design.
Dupa cum spuneam si in tutorialul Ce inseamna HTML va reamintesc ca Html sau HyperText Markup Language este unul dintre cele mai vechi limbaje de programare 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 comenzile de baza din HTML.
Dupa cum am scris si in articolul Ce inseamna HTML readuc la cunostinta ca HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau .htm.
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu editoare cod sursa specializate, de exemplu: Crimson Editor, Notepad++, etc. care va indica si numarul liniilor, lucru util la depanarea codului HTML. Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options -> View -> debifati Hide extensions for known file types).
PHP este limbajul ideal pentru construirea de pagini web dinamice. Este usor de invatat, open-source, poate fi rulat pe mai multe platforme si se poate conecta la mai multe tipuri de baze de date. Cel mai important aspect al limbajului este insa posibilitatea de a fi imbricat cu cod HTML. Putem astfel crea pagini HTML statice si din loc in loc, acolo unde este nevoie, sa introducem dinamism cu ajutorul PHP.
PHP este un limbaj de programare cu ajutorul caruia se pot realiza scripturi pentru paginile de internet interactive. Asta inseamna ca folosind PHP putem realiza pagini de contact care trimit mesaje prin fara sa avem o casuta de posta electronica, sa protejam anumite pagini cu utilizator si parola sau chiar sa utilizam o baza de date in care sa stocam sau din care sa accesam informatiile necesare pentru un magazin online, a unui forum de discutii si asa mai departe.
Pentru cei ce nu ştiu deja, Google Adsense este un program cu ajutorul căruia afişezi reclame relevante pe site-ul tău şi câştigi bani de fiecare dată când cineva dă click pe una din reclamele afişate. Relevante – înseamnă că dacă tu ai un site despre bani pe internet, atunci o să-ţi afişeze anunţuri cu siteuri din acelaşi domeniu sau unul asemănător. Totul depinde însă de o serie de factori pe care am să ţi-i explic în cele ce urmează.
Lista simboluri HTML:
| Simbol | Definitie | Valoare Numerica | Valoare Corelata |
| Non-Breaking Space |   | | |
| < | Less Than | < | < |
| > | Greater Than | > | > |
| ” | Quotation Mark | " | " |
| ¡ | Inverted Exclamation | ¡ | ¡ |
| ¢ | Cent | ¢ | ¢ |
| £ | English Pound | £ | £ |
| ¤ | Currency | ¤ | ¤ |
| ¥ | Yen | ¥ | ¥ |
| ¦ | Broken Vertical Bar | ¥ | ¦ |
| § | Section | § | § |
| ¨ | Double Dot | ¨ | ¨ |
| © | Copyright | © | © |
Ce inseamna CSS?
CSS (Cascading Style Sheets) sau foi de stil in cascada, reprezinta un mecanism simplu de a adauga elemente de stil (tipuri de caractere, culori, aliniere, spatiere etc.) unui document web.
Tag-urile HTML au avut initial rolul de defini continutul unui document, de a face distinctia intre titlul unui paragraf (definit prin tag-urile <Hn>), continutul paragrafului (definit prin tag-ul <P>), tabele (definite prin tag-ul <TABLE>) etc. Aspectul si modul de afisare al unui site cadeau in sarcina browserului, fara a fi folosite niciun fel de tag-uri de formatare.
