Html
HTML principii. Elemente de baza ale realizarii unui bite.HTML principii. Elemente de baza ale realizarii unui bite. Internet explorer= browser Pt a vizualiza ce programe stau la baza programului de internet din meniul view alegem source Fisierele html au extensia html, htm, shtml iar continutul lor poate fi vazut si cu simplul editor de texte notepad. Parantezele ascutite incadreaza instructiuni pt browser-ul ce urmeaza sa afiseze textul fisierului html. Aceste instructiuni poarte denumirea de tag’uri. Intre parantezele ascutite pot sa apara si attribute. Acestea sunt separate intre ele prin spatiu si aduc completari la modul in care trebuie sa se realizeze actiunea. In general instructiunile formateaza textul pe o zona limitata , motiv pt care multe tag’uri au si perechea de anulare semnalata prin prezenta slash. COMENZI GENERALE- <!comentariu>comentariul din tag poate fi citit doar daca fisierul html este deschis cu un editor, browser-ul ignorandu-l/ <head>tag ce deschide zona de antet a fisierului. In aceasta zona se inscriu date ce nu vor fi afisate de browser, pt k sunt generale despre site </head>incheiere zona de antet <title>nume</title>indica numele ferestrei in care browser-ul prezinta inf pag web <body>tag ce defineste browser’ul din care incepe continuarea paginii web. Poate fi insotit de attribute cu care vada cadrul general al prezentarii </body>indica locul unde se anuleaza valabilitatea parametrilor body Exemple de attribute: background=nume fisier imagine; bgcolor=”diezhhhhhh”-impune o culoare de fundal ; text=”diezhhhhhh”-impune culoarea textului pt zonele in care nu avem alte specificatii; link=”diezhhhhhh”impune culoarea link’ului(albastru) ; vlink=”diezhhhhhh” impune culoarea linkurilor vazute(violet) COLORAREA- sistemul util pentru definirea culorilor e RGB prin care sunt specificate pt fiecare culoare care sunt cantitatile procentuale de rosu, verde, albastru care o compun. Orice culoare e desemnata printr-un cod de 6 cifre hexazecimale dintre care primele 2 reprezinta Red, urmatoarele 2 Green iar ultimele 2 Blue Rosu-purpuriu; verdele=galben; albastru=azur(complementarele) SPATIEREA ORIZONTALA randurile goale nu pot fi inserate prin simpla apasare a tastei enter, ci comandarea prin tag’uri speciale.
<p>- se introduce un nou paragraph </p>se foloseste la sfarsitul unui paragraph <br>se foloseste pt introducerea unei pause(break) <hr>trage o linie orizontala egala cu latimea paginii. Grosimea liniei poate fi controlata de atributele width= valoare si size=, val poate fi masurata in pixeli si procentual Ex: <hrwidth=”50”size=”10” TABELE HTML – modul de baza in pozitionarea pe ecran a informatiei. Construirea unei tabele se face printr-o descriere rand cu rand , celula cu celula folosind tagurile. <tabele>incele descrierea unei tabele <tr>introduce o linie noua <td>mesaj</td>genereaza o celula noua cu continutul mesajului pt linia curenta , mesajul poate fi ata un text cat si o imagine <th>mesaj</th>scrierea de titluri </tr>incheie linia curenta </table>incheie descrierea tabelei( ex: table cu chenar: <table border=”2”>; <tr>; <td>celula 1.1</td>; <td>celula1.2(/td); </tr>;<tr>; <td>celula2.1</td>; <td>celula 2.2</td>; </tr>; </table> ALINIEREA ORIZONTALA- Aranjarea orizontala a obiectelor din pagina web se poate face prin introducerea in interiorul unui tag de tipul body , table, tr, td, a atributului align: align”right”/”center”/”left” CONTROLUL FONTULUI- <Font>indica browser’ului ce tip de scriere sa foloseasca in continuarea tag’ului prin attribute face=”nume font”; size=”dimensiune font” <hi>text</hi>- are ca effect scrierea mesajului text cu dimensiuni dictate de valoarea lui I, acest tip de scriere e controlat de browser’ul utilizat <h1>- text scris cu dim cea mai mare <h6>-text scris cu dimensiunea cea mai mica <b>text</b>- scriere ingrosata <i>text</i>- scriere inclinata <u>text</u>- scriere subliniata <tt>text</tt>- scriere teletype(masina de scris) <Pre>text</pre>- textul e preformat , e afisat asa cu a fost tastat <sup>text</sup>scriere superscript <sub>text</sub>- scriere subscript ORGANIZAREA LISTELOR <ul>.</ul>deschide/inchide o lista neordonata <ol></ol>deschide / inchide o lista ordonata <Li></li>deschide/inchide o linie in lista <dl></dl>deschide/inchide o lista de definitii <dt>introduce un termen in lista <dd>defineste termenul introdus in lista INSERAREA DE IMAGINI <img src=”adresa imagine”> - tag’ul pt adaugarea unei imagini, NU are si un tag de inchidere Este recomandata controlarea dimensiunii imaginii prin adaugarea atributelor width”latime”si height”inaltime”. Daca vrem k cimaginea sa fie incadrata intr-un chenar putem utilize atributul border”dimensiunea de pixeli a grosimii chenarului” LEGATURI <a nume=”nume 1”>nume 2”</a> Prin “nume 1” denumim locul in care putem executa tabelul. Acest sir de caractere nu e vizibil in pagina. Din acest motiv folosim sirul de caractere”nume 2”cu care facem vizibil locul posibilului salt. Tagul <a>ce declanseaza saltul are forma: <ahref=#”nume”>”text”</a>. semnul # indica faptul k avem un salt in aceeasi pagina. Sirul de caractere “nume”indica unul din locurile defnite cu <a name=”…” Legaturi intre fisiere: <a href>=”nume fisier”>”text”</a>- salt in interiorul fisierului <a href>= “nume fisier”#”nume 1”>”text”</a> < href=http://www.umfcv.ro>>- vizitam www.umfcv.ro</a>. I loc de text putem folosi<imgsrc>=nume imagine(e bine sa fie mica.
|