Curs HTML
Curs 1 – HTML
Introducere HTML (HyperText Markup Language) este un limbaj utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau navigator).HTML este folosit pentru prezentarea unui continut (text, imagine) intr-o pagina web, furnizeaza mijloacele prin care continutul unui document poate fi structurat si adnotat cu diverse tipuri de metadate si indicatii de redare si afisare....
Curs 2 – HTML
Harti de imagini Hartile de imagini sunt parti din aceeasi imagine care este „impartita” in mai multe zone, apoi in functie de zona pe care se executa click, browserul poate afisea o alta pagina.De exemplu, pe un site dedicat turismului am putea avea pe pagina principala o imagine care reprezinta harta tarii (in care definim...
Marcaje de baza HTML
<HTML> </HTML> Defineste un fisier in format Web <HEAD> </HEAD> Antetul documentului <TITLE> </TITLE> Tilul documentului <BODY> </BODY> Corpul paginii HTML BGCOLOR = culoare Culoarea de fond a paginii TEXT=culoare Culoarea textului pe paginii LINK=culoare Culoarea legaturiilor nevizitate din paginii VLINK=culoare Culoarea legaturiilor vizitate din paginii ALINK=culoare Culoarea legaturiilor pe...
Formatarea caracterelor
<B> </B> Afiseaza text cu caractere aldine <I> </I> Afiseaza text cu caractere cursive <U> </U> Afiseaza text subliniat <TT> </TT> Text cu font monospatiu <CITE> </CITE> Citare bibliogarfica <CODE> </CODE> Listing de program <EM> </EM> Stil logic de evidentiere <KBD> </KBD> Text de la tastatura <STRONG> </STRONG> Evidentiere logica puternica <VAR> </VAR> Program sau...
Marcaje pentru liste
<DD> <DD> Descriere definitie <DL> </DL> Lista de tip definitie <DT> <DT> Termen de definitie <LI> <LI> Element de lista <OL> </OL> Lista ordonata (numerotata) TYPE=tip Tipul numerotarii. Valori posibile: A, a, I, i, 1 START=x Numarul de inceput al listei ordonate <UL> </UL> Lista neordonata (marcata) TYPE=forma Forma marcajului. Valori posibile:...
Marcaje pentru tabele
<TABLE> </TABLE> Tabel HTML BORDER=x Chenarul tabelului CELLPADDING=x Spatiul suplimentar in cadrul celulelor tabelului CELLSPACING=x Spatiul suplimentar intre celulele tabelului WIDTH=x Latimea impusa tabelului FRAME=valoare Ajustarea fina a tabelului RULES=valoare Ajustarea fina a riglelor tabelului BORDERCOLOR = culoare Specifica culoarea chenarului tabelului BORDERCOLORLIGHT = culoare Cea mai...
Marcaje pentru adaugarea de imaginii
<IMG /> Marcajul de introducere a imaginilor SRC=url Sursa fisierului grafic ALT=text Textul alternativ de afisat, daca este necesar ALIGN=aliniere Alinierea imaginii in pagina. Valori posibile: top (sus), middle(in mijloc), bottom (jos), left (in stanga), right (la dreapta) HEIGHT=x Inaltimea imaginii (in pixeli) WIDTH=x Latimea imaginii BORDER=x Chenarul din...
Marcaje pentru cadre
<FRAMESET> </FRAMESET> Definirea redactarii paginii COLS=x Numarul si marimea relativa a coloanelor ROWS=x Numarul si marimea relativa a liniilor BORDER=x Specifica starea „on” (activa) sau „off” (inactiva) pentru chenarul cadrului FRAMESET (1 sau 0) FRAMEBORDER = x Specifica marimea chenarului FRAMESPACING = x Marimea spatiului dintre doua cadre adiacente <FRAME>...
Marcaje pentru formulare
<FORM> </FORM> Formular HTML activ ACTION=url Programul CGI de pe serverul care receptioneaza datele METHOD=metoda Modul in care datele sunt transmise serverului(GET sau POST) <INPUT /> Camp de text sau alte date de intrare TYPE=optiune Tipul campului de intrare <INPUT>. Valori posibile: text, password, checkbox, hidden, file, radio, submit, reset, image. ...
Marcaje pentru Harti de Imagini
<IMG /> specifica harta de imagine la client ismap specifica faptul ca este o harta de imagine pe server (se foloseste mai rar; de obicei folosim harti de imagine la client) usemap=”#nume_harta„ specifica regiunile unei harti de imagine la client lowscr = „url„ imaginea de rezolutie scazuta care se incarca prima (doar...
Stiluri CSS in HTML
In tabelul de mai jos sunt cateva atribute (sau proprietati) care pot fi modificate cu STYLE Pentru mai multe informatii despre lucru cu stiluri CSS, studiati lectiile Curs CSS. Atribut Descriere Valori background imagini sau culori de fundal URL-ul (imaginii) sau culori date prin nume sau valoare RGB Color culoarea textului nume sau valoare RGB...
Elemente speciale meta, embed, marquee, object
Elemente de optimizare META se adauga in sectiunea HEAD a documentului HTML. <title></title> <meta content=”text/html; charset=UTF-8″ http-equiv=Content-Type> – indica browserului ca este un fisier HTML – charset stabileste tipul de caractere (in general se foloseste ISO-8859-1 sau UTF-8), dar exista si altele. <meta name=”description” content=”O fraza care descrie pe scurt continutul paginii”> – in cazul...