HTML start
Articol preluat din vechea baza de date RoDP din 2006:
HTML inseamna Hyper Text Markup Language, si este cel mai folosit limbaj pentru crearea paginilor web.
In curand o sa beneficiem de mult mai multa documentatie pentru HTML, dar pentru moment este de ajuns sa cititi cele ce urmeaza pentru a va face o idee si pentru a putea folosi acest cod in aplicatiile PHP. Vor fi prezentate doar informatiile strict necesare.
HTML este un limbaj bazat pe tag-uri, pentru tabele,linkuri,paragrafe,font-uri,etc. Fiecare tag are nume,atribute si valoare.
Exemplu:
Unde: p este numele tag-ului, align este atriutul, center este valoarea atributului align, iar Hello World este valoarea, adica textul din paragraf (Tag-ul "p" se foloseste pentru paragraf).
In cele ce urmeaza vom prezenta cele mai importante tag-uri din HTML, si atribute, in mare parte valabile pentru toate tag-urile prezentate. .
Este normal ca orice tag deschis sa fie inchis intr-un anumit loc in pagina, pentru asta se foloseste numele tag-ului cu un slash in fata
| Se folosesc la inceputul si la sfarsitul paginilor HTML. Nu sunt obligatorii. | |
| Sunt folosite pentru delimitarea antetului paginii HTML. In el se pot folosi numeroase tag-uri pentru titlu, pentru cuvinte cheie, si pentru multe altele, dar acum nu vom vorbii decat despre tag-ul title. | |
| Precum se observa, este folosit pentru stabilirea titlului paginii
Pentru a vedea cum functioneaza, si pentru a va spune cum se lucreaza, o sa dam un exemplu. |
|
| Pentru a crea o pagina HTML deschideti editorul de texte pregerat (Notepad,Word,EditPlus, A nu se folosi Microsoft Word din pachetul Microsoft Office ), scrieti codul HTML in interior, si salvati-l cu extensia .html sau .htm . Apoi deschideti-l cu Internet Explorer sau cu orice alt Browser pentru a vedea rezultatul.
Incercati acest lucru pentru urmatorul exemplu: |
|
| Aceasta pagina nu afiseaza nimic, doar arata o pagina goala cu titlul "HELLO WORLD!" | |
| O pagina HTML este formata din antet, care a fost prezentat mai sus, si corp, care este delimitat de tag-urile:
Continuam cu prezentarea tag-urilor care pot fi introduse in corpul fisierului HTML. |
|
| Precum observati, tag-ul "a" se foloseste pentru legaturi catre alte site-uri sau catre alta pagina din interiorul propriului site. In cel din urma caz, nu este necasar sa mai puneti domeniul, este de ajuns sa puneti numele fisierului html spre care vreti sa fie directionat vizitatorul, sau calea relativa la directorul unde se afla pagina curenta. Exemplu: legatura.html , sau proiecte/legatura.html . | |
| Se foloseste pentru trecerea la o noua linie | |
| Se foloseste pentru definirea fontului in care va fii afisat textul. Este destul de clar modul in care se foloseste din exemplul anterior. | |
| Se foloseste pentru a ingrosa textul | |
| Se foloseste pentru inserarea unei imagini, ca si la tag-ul "a", se poate folosi ori calea la fisier, ori linkul complet pentru cazurile in care imaginea nu se afla in acelasi loc cu pagina curenta.
|
|
| Pentru linie noua. | |
| Pentru coloana noua. | |
| |
|
Dupa cum ati ovservat, pentru tabel am folosit atributul "border". Acesta mentioneaza marimea bordurii tabelului. Pentru un tabel fara bordura, se foloseste "border=0" . Un alt lucru important din HTML de care are mare nevoie PHP-ul sunt formularele. Vom incepe discutia printr-un exemplu concret pentru ca asa va va fii mult mai usor sa intelegeti. |
|
Atributul method este pentru a indica metoda prin care sunt transmise datele. In majoritatea cazurilor este POST, sau GET, despre astea vom vorbi mai amanuntit cand vom ajunge la transmiterea datelor in php. Atributul action este numele fisierului care va procesa datele introduse de catre utilizator. Continutul formularului este alcatuit dintr-un set de tag-uri care vor ajuta utilizatorul sa introduca datele de care avem nevoie. |
|
Inainte de a citi in continuare, creati o pagina si vedeti cum arata fiecare dintre tag-urile prezentate aici. "name" reprezinta numele prin care va fii cunoscut textul introdus la acest pas, iar atributul value se foloseste daca vrem ca in casuta sa apara ceva. |
|
La fel ca inainte, nume este folosit pentru a identifica apoi textul care a fost introdus la acest pas, mai exact, o variabila. |
|
Daca va fii selectata prima optiune, variabila "nume" va avea ca valoare "valoarea_optiunii_1", daca va fii selectada a doua optiune, variabila nume va avea ca valoare "valoarea_optiunii_2", la fel pentru 3. Atributul SELECTED se foloseste pentru ca optiunea respectiva sa fie implicit selectata. |
|
Daca utilizatorul bifeaza acest buton, variabila "nume" va pasa valoarea specificata in "value" daca nu va fii nimic specificat in value implicit valoarea lui "nume" va fii "on". Atributul CHECKED este folosit pentru starea implicita a butonului. |
|
Dupa cum observati, cele 3 butoane au acelasi nume pentru variabila, asta inseamna ca nu pot fii bifate 2 dintre ele in acelasi timp, iar variabila "nume" va avea valoarea de la butonul care va fii selectat. Atributul CHECKED functioneaza la fel ca la checkbox. |
|
Prin apasarea acestui buton, formularul va lua toate datele introduse de utilizator pana in acel moment si le va pasa catre fisierul specificat in atributul "action" al tag-ului "form". |
|
|
|
|
| Acestea sunt cunostintele minimale pe care trebuie sa le aveti pentru a putea lucra in PHP, in curand va fii disponibila o biblioteca cu majoritatea tag-urilor HTML. Pana atunci puteti pune intrebari in legatura cu neclaritati, sau orice problema pe forum, in sectiunea HTML sau orice alta intrebare in categoria corespunzatoare. Forum RoDP | |
Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.
Comments
No comments yet.
Leave a comment