andrewboy Posted June 17, 2007 Report Posted June 17, 2007 Bazele html(partea I)1.Ce este html??HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm.2.In ce se scrie html??Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor specializat 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). Pentru a putea crea fisiere html dati clic dreapta New -> Text Document, apoi il redenumiti nume.html.Personal eu folosesc PhpEdit care te va ajuta si atunci cand vei invata php.Downloadati-l de aici : http://www.waterproof.fr/products/PHPEdit/download.php !3.Componenta unui document html1. versiunea html ce poate fi :HTML 4.01 Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML 4.01 Frameset<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">2. zona head cu etichetele <head> </head>3. zona body cu etichetle <body></body> sau <frameset></frameset>4. De retinut este ca toate paginile html incep cu tagul <html> si se termina cu </html>4.Prima pagina htmlSa luam urmatorul exemplu :<html><head><title>Titlu paginii</title></head><body>Continut paginii voastre</body></html>Salvati sub extensia html si vizualizati!!!Sa analizam !!Observam :1. <html> -acest tag arata ca avem de a face cu o pagina html,</html> iar acesta inchida tagul<html>2. Apoi observam tagurile<head></head> .Acesta este headarul cu informatii.Aceste informatii nu sunt afisate!3. Urmeaza tagurile <title></title> Intre acestea se va scrie titlul pagini.4. Intre tagurile <body></body> se scrie codul html.5.Taguri uzuale1.Tagul Cu acesta vei putea sa scrii textul ingrosat.Exemplu :<html><head><title>Scris ingrosat</title></head><body>Acesta este un text ingrosat!!</body></html>Salvati sub numele : ingrosat.html si vizualizati !2.Tagul <h1></h1>…<h6></h6>Acest tag mareste textul (cel mai mare fiind <h1></h1>) sau micsoreaza textul (cel mai mic fiind <h6></h6>)Exemplu :<html><head><title>Tagurile <h></h></title></head><body><h1>Acesta este un text!</h1><h2>Acesta este un text!</h2><h3>Acesta este un text!</h3><h4>Acesta este un text!</h4><h5>Acesta este un text!</h5><h6>Acesta este un text!</h6></body></html>Salvati sub numele :headere.html si vizualizati !3.Tagul <hr>Acesta creeaza linii orizontale pentru a separa diferite zone intr-o pagina web. I se potadauga acetui tag diferite atribute, ca: width=x (pentru lungimea liniei) sauwidth=x% (pentru lungimea liniei raportate la toata lungimea ecranului), size=x(pentru linie ingrosata dar transparenta) si noshade (pentru linie ingrosta plina). Untag <hr> fara atribute va fi interpretat ca linia sa aiba toata lungimea paginei.Exemplu :<html><head><title>Linia orizontala</title></head><body><hr width=50><hr width=40%><hr size=8><hr noshade><hr width=60% size=12 noshade></body></html>De retinut: Se pot folosi mai multe atribute intr-un tag.3.Tagul <u></u>Acest tag subliniaza textul cuprins intre <u></u>Exemplu :<html><head><title>Text subliniat</title></head><body>Ma numesc <u>Andrei</u></body></html>Salvati sub numele : subliniat.html si vizualizati !6.Imagini,linkuri,sunete1.LinkuriLink-urile sunt esenta webului, fara acestea paginile unui sit nu ar avealegatura intre ele. Pentru a adauga un link se foloseste tagul de deschidere si tagul de inchidere . Tot ce va aparea intre aceste doua taguriva fi subliniat si colorat, iar in momentul click-ului pe acel text, browser-ul va fitrimis spre locatia data.Exemplu :<html><head><title>Site</title></head><body>Apasa <a href=”http://www.google.ro”>aici</a> si vei fi redirectionat catre google!</body></html>2.Imagini3.SuneteStructura acestui tag este:<embed src="nume_sunet" width=n height=n autoplay=n hidden=n loop=nvolume=n></embed>Daca vrei ca sunetul sa inceapa automat la deschiderea paginii seteazaautoplay=true, daca nu vrei ca sunetul sa inceapa automat seteaza autoplay=false.Daca nu vrei ca player-ul sa apara in pagina seteaza hidden=true. Daca vrei casunetul sa se auda in mod repetat seteaza loop=true. Volumul se seteaza pe o scarade la 1 la 100 .Valoarea predefinita este 50.6. Liste[*]Indic Quote
j o c k e r Posted March 28, 2009 Report Posted March 28, 2009 super tare thx chiar e folositor Quote
