HTML - Incepatori

Cursuri pentru incepatori
Cursuri Incepatori : Introducere Sintaxa Culorile si atributele tagurilor Paragraful si titlul
HTML sau HyperText Markup Language este in zilele noastre un limbaj utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser.
HTML nu ar mai fi existat fara World Wide Web, sau WWWcare a aprut la sfrsitul anilor '80 cnd cercettorii de la CERN, Laboratorul European pentru fizica particulelor, au dezvoltat o retea pentru a avea acces mai usor la documentele produse de diversele laboratoare. n 1990, ei au introdus un browser doar pentru texte si au dezvoltat HTML care a devenit un limbaj foarte folosit si care este in sec 21 printre cele mai usoare limbaje web invatat chiar si in scolile primare. Pentru a avea acces la curs trebuie sa va creati un cont.
Pentru a putea creea prima ta pagina web in HTML trebuie sa folosesti un editor de text ca de exemplu Notepad sau programe specializate ca Dramewever, Kombo si alte programe.
Numele fisierului trebuie sa aiba extensia .html sau .html.

Limbajul HTML este compus din taguri si primul tag cu care trebuie sa incepem creerea paginilor noastre in HTML este : <html > - acest tag informeaza browser-ul ca urmeaza o sectiune de cod scrisa in limbajul HTML, majoritatea taguri-lor trebuie inchise </html>. Fiecare pabina web are in componenta sa doua parti importante defintie de tag-urile : <head> in interiorul caruia este locul tag-ului <title>aici adaugam titlul siteului</title>, dar mai putem adauga cod CSS despre care vom vorbi intr-o lectie viitoare si asa numitele cuvinte cheie care sunt necesare motoarelor de cautare atunci cind indexeaza paginile web,nu trebuie sa uitam ca tagul trebuie si inchis</head>. <body> este tagul principal el contine toate tag-urile pagini care se ocupa de dizain si functionalitatea acestuia si acest tag trebuie inchis </body>. Acum ca am invatat tag-urile importante, putem sa realizam prima noastra pagina web ;)
Codul este :
<html>
<head> <title>aici adaugam titlul site-ului</title></head> <body> Aceasta este prima mea pagina web creata in HTML. </body>
</html>
Pentru a deschide pagina creata de noi vom folosi un browser.
Majoritatea tag-urilor au atribute sau propietati care se pun in tag-ul de inceput iar daca un tag nu are atribute atunci browser-ul va lua in considerare doar valorile implicite ale tagului.
De exemplu daca dorim sa schimbam fundalul pagini noastre web putem folosi atributul "bgcolor" si sa il adaugam la tag-ul <body></body>.Pentru a putea schimba fundalul pagini noastre web trebuie sa stim ce culoare dorim sa aiba pag noastra web. Culoarea unei pagini HTML este alb si se scrie #000000 este prima culoare siMajoritatea tag-urilor au atribute sau propietati care se pun in tag-ul de inceput iar daca un tag nu are atribute atunci browser-ul va lua in considerare doar valorile implicite ale tagului. De exemplu daca dorim sa schimbam fundalul pagini noastre web putem folosi atributul "bgcolor" si sa il adaugam la tag-ul <body></body>.Pentru a putea schimba fundalul pagini noastre web trebuie sa stim ce culoare dorim sa aiba pag noastra web. Culoarea unei pagini HTML este alb si se scrie #000000 este prima culoare si cea mai deschisa iar cea mai inchisa culoare este culoarea negru care se scrie #ffffff.Fiecare culoare este compusa din trei noante Red Green Blue care iau valori de la 0 la 9 si de la a la f. Exemplu : #00ff00 este culoarea verde #0000ff este culoarea albastru #ff0000 este culoarea rosu Exemplu : #00ff00 este culoarea verde #0000ff este culoarea albastru #ff0000 este culoarea rosu
Pentru a adauga fundal pagini noastre vom scrie codul urmator :
<html>
<head> <title>aici adaugam titlul site-ului</title></head> <body bgcolor='#3470ff'> Aceasta este prima mea pagina web creata in HTML. </body>
</html>
Pagina noastra va fi :
Daca tot am reusit sa schimbam culoarea site-ului a venit momentul sa ii adaugam un titlu si avem un tag care ne ajuta sa dimensionam titlul site-ului nostru. Pentru a dimensiona titlul site-ului se foloseste tag-ul <h1> care da cea mai mare dimensiune a titlului sau <h5> care este tagul care da cea mai mica dimensiune a titlului. Dimensiunile pe care le putem folosi pentru titlul site-ul nostru este pe o scara de la 1-5 si nu trebuie sa uitam ca acest tag este unul dintre acelea ce trebuie inchise. Dupa ce am adaugar titl-ul poate vom dori sa adaugam si un paragraf, acest lucru se face foarte simplu cu tag-ul <p> Aici putem adauga paragraful dorit de noi </p>. Daca tot am invatat sa adaugam titlu si paragraf site-ului nostru a venit timpul sa il aliniem. exemplu: align="center" , align="right" sau align="right". Daca dorim, putem modifica si aspectul textului, ii putem modifica marimea sau fontul si culoarea. Codul trebuie scris in bady, in interiorul tagului in care se afla textul pe care dorim sa il modificam. <font face="verdana" size="3" color="#ff0033">Textul pe care dorim sa il modificam.</font>
Codul va fi : <html> <head> <title>aici adaugam titlul site-ului</title></head> <body bgcolor='#3470ff'> <h1 align="center">Titlu</h1> <p align="center"> <font face="verdana" size="3" color="#ff0033">Aceasta este prima mea pagina web creata in HTML.</font></p> </body>
Daca dorim sa modificam aspectul textului putem folosi inainte de textul pe care il modificam etichetele: <b></b> - bolduit <i></i> - italic <u></u> - subliniere

HTML - Incepatori

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML - Incepatori

Încărcat de

Drepturi de autor:

Formate disponibile

Cursuri pentru incepatori

Cursuri Incepatori : Introducere Sintaxa Culorile si atributele tagurilor Paragraful si titlul

Numele fisierului trebuie sa aiba extensia .html sau .html.

Pentru a adauga fundal pagini noastre vom scrie codul urmator :

S-ar putea să vă placă și