|
|
|
"HTML este prescurtarea de la Hypertext Markup Language (limbaj de marcare hipertext) si constituie limbajul care ne permite sa cream si sa facem publice propriile documente multimedia in World Wide Web, cu ajutorul programelor Internet Explorel, Mozaic si altele."
HTML s-a nascut dintr-un limbaj mult mai cunoscut ca SGML si in prezent sunt cunoscute 4 versiuni , el constand intr-o serie de tag-uri care incapsuleaza parti din textul documentelor.
HTML este un set de coduri speciale care insereaza intr-un text, pentru a adauga informatii despre formatare si legaturi bazandu-se pe Limbajul Generalizat Standard de Marcare (SGML).
Prin conventie toate informatiile HTML incep cu paranteza unghiulara deschisa (<) si se termina cu paranteza unghiulara inchisa (>).
Exemplu : <HTML>
HTML functioneaza prin activarea si dezactivarea facilitatilor cu ajutorul etichetelor si sunt incluse intre parantezele ascutite, eticheta HTML fiind la inceputul paginii de web si comunica brawserului unde se afla inceputul declaratiilor iar pentru a dezactiva o facilitate va trebui utilizata aceeasi eticheta precedata de slash.
Exemplu: - activare - <HTML>
- dezactivare - </HTML>
Trebuie precizat ca toate paginile HTML ar trebui sa contina urmatoarele secvente:
<html>
<head>
</head>
<body>
</body>
</html>
* <head> </head> informatii de tip header , similare cu cele ale unui procesor de text
* <body> </body> intre aceste etichete este plasat continutul unei pagini de web
* <titlu> </titlu> plaseaza un titlu pe bara de titlu a browserului
* <br> similar cu un singur ENTER
* <center> </center> centreaza textul si imaginile dintre etichete
liste de tip definitie - element cel mai des intalnit in documentele cu mai multe pagini este un set de definitii, o lista de definitii este inclusa intr-o pereche de marcaje de lista de definitii: <DL> si </DL> iar in cadrul acestei perechi de marcaje, o definitie are doua parti: termen definit (<DT>) si descrierea definitiei (<DD>).
liste neordonate - este cel mai des intalnita si incep cu <UL> iar fiecare element al ei cu <LI>.
liste ordonate - sau numerotate si va avea marcajele <OL> </OL> iar elementul ei va incepe cu <LI>
Din formele grafice browserele Web cunoaste doua tipuri : GIF si JPEG mai exista si un al treilea tip mai nou numit PNG. Pentru a introduce aceste imagini folosim marcajul <IMG>.
Ele reprezinta o afirmatie de tipul totul sau nimic: cadre individuale cu marcajul <FRAME>.
Formularele HTML asigura construirea unor pagini Web care permit sa introduca efectiv informatii si sa le transmita serverului.
Formulele HTML sunt definite de marcajul <FORM>, care se specifica prin <FORM ACTION=url METHOD=metoda> si se inchide cu marcajul de inchidere </FORM>.
Exemplu de formular:
Descriere proiect
INDEX HTML
La inceput de pagina am folosit <html> pentru a indica browserului ca acesta este o pagina HTML la sfarsit aceasta comanda se incheie pagina.
In <HEAD> are scris <title> pentru a afisa titlul pagini. Head reprezinta comanda antet intr-o pagina web.
Cu <frameset> comanda care realizeaza setul de frame-uri (cadre) afisate. * atributele <frameset>
rows - randuri
cols - coloane
frame spacing - spatierea dintre cadre (in cazul de fata nu exista)
frame border - granita dintre cadre, se indica grosimea acestuia; in cazul
de fata este setata la "No", adica inexistenta.
border - marginile (grosimea marginilor), in cazul de fata 0 (zero), adica
lipsesc
<frame> - reprezinta cadrul
* atribute <frame>
src - se indica calea spre fisierul afisat in acel cadru
name -numele cadrului ; din cazul de fata leftFrame;
cu acest nume, acest cadru se identifica browserului
Scrolling- indica(daca se afiseaza bara de scrol)
Noresize- frame-urile nu pot fi redimensionate
<noframes>-fara cadre: aceasta optiune este folosita pentru browserele mai vechicare nu pot afisa frame-uri.
<body></body> aici se scrie corpul site-ului(textul si sau imaginile afisate),in cazul de fata nu pare nimic.
Curriculum Vitae
<frameset rows='*' cols='185,*' iar cols=185 distanta din partea stanga pana la al doilea cadru, <frame src='curriculum_vitae.htm' titlul ce apare in al doilea frame.
<style>type(defineste tipul de stiluri),aici se foloseste text/CSS;adicatext si Cascading Style Sheets.
Body, td,th-se specifica culoarea textului din corpul pagini(body),si din celulele din tabele(td),si din antetele tabelelor (th)
Body -defineste culoarea fundalului pagini.
a:link- pentru link-uri
text- decoration:none(decoratiunile aplicate textului)
a : visited - linkuri vizitate
a : hover - in momentul in care cursorul ajunge deasupra linkului, linkul isi schimba modul in care este afisat.
a : active - pentru linkurile active
style 2 - numele stilului dat de noi
atributele lui sunt :
font - family : (familia de fonturi)
font - size : (marimea fontului) : font-size: 36px;
font - style : (stilul fontului) : font-style: italic;
<p> paragraph <IPD
8 nbsp; spatiu
< blockquote> - folosit pentru citat
<span ceass - "style1" ce stil sa foloseasca (aici stilul are nume de style1 )
<p><span class='style1'>.::Gherghin Mircea::.</span></p>
<ul> </ul>fi - lista neordonata
<li> elemental din lista
<li>limba romana</li>
<li>limba engleza - Nivel incepator</li>
<li>limba franceza - Nivel avansat</li>
<p align> " " > unde se aliniaza paragraful
<img> pentru introducerea de imagini
<p align='right'><img src='peisaj.jpg' width='106' height='142'></p>
*attribute <img>:
name - numele imaginii
src- calea spre imagine
width - latime
height - inaltime
alt- textul ce apare in caz in care nu se afiseaza imaginea
" - afiseaza ghilimele
<li class='style3'>Actualmente elev - Liceul "I C Vissarion " Titu</li>
<div> este o comanda ce strange in ea mai multe comenzi.
<div align='left'>Sportul si in general miscarea in aer liber</div>
< table > - tabel
<table width='799' height='348' border='0'>
* atribute <table> ;
widht - latime
height - inaltime
border - grosimea marginilor tabelului
<th> antet tabel
<th width='269' height='321' scope='col'><div align='center'><img src='mircea_colegi.jpg' width='269' height='183'></div></th>
* atribute
scope - celule acoperite de antet
<th width='482' scope='col'><ul>
<em></em>-emphasis; functioneaza la fel ca <i></i>; face caracterele italice
Concluzii
In primul rand nu poate fi aruncat pe net, deoarece a fost o joaca mai serioasa putin, deci nu este definitiv si poate fi imbogatit extrem de mult.
In al doilea rand daca as face un HTML (pagina mea de Web) as prefera sa il fac in PowerPoint, in FrontPages sau in multe alte programe si mai usor de folosit (mai putina munca).
In al treilea rand timpul momentan nu imi permite sa ma joc, avand un program foarte incarcat 8-20, ( scoala de soferi, scoala, meditatii)
Dar dupa munca vine si rasplata, in Notepad mai greu, dar in final frumos.
A fost o munca grea insa s-a termit cu bine.
Bibliografie
materialul de laborator
manualul HTML
colectia mea de poze si games
