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....

Citește Mai Mult

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...

Citește Mai Mult

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...

Citește Mai Mult

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...

Citește Mai Mult

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:...

Citește Mai Mult

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...

Citește Mai Mult

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...

Citește Mai Mult

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>...

Citește Mai Mult

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.  ...

Citește Mai Mult

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...

Citește Mai Mult

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...

Citește Mai Mult

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...

Citește Mai Mult