Operații de editarea a

obiectelor cu HTML

(HyperText Markup Language)

clasa a VIII-a
 paginilor web ce pot fi afișate într-un browser (sau
HTML este un limbaj de marcare utilizat pentru crearea

navigator).

paragrafe, fonturi, tabele.

Scopul HTMLeste mai degrabă prezentarea informațiilor –

Ce este HTML?
Cum folosim HTML?
 Paragraf. Fontul

<p></p> - Se definește un nou <Font> </Font> - Aceasta etichetă ne

culoarea textului.
paragraf în interiorul paginii permite să setăm tipul, mărimea,
Opțiuni paragraf

(left, right, center)

Align – alinierea paragrafului
Observație
Operații de formatare la nivel de text,
align nu trebuie închis și paragraf și fundal
la final, deoarece este
doar o opțiune Proprietăți font
Aldin -o <B></B>
Exemple de utilizare Proprietăți fond

<p> Lecția de Google Sites < /p >

Bold sau
Marimea - Pentru
setăm cu opțiuneaa Size
face textul îngroșat.

FaceCursiv - <I></I> - Pentru

Tipul fontului îl setăm cu opțiunea
<p align=center> Lecția cen trată
Italic sau
</p> Culoarea o setăm cu opțiu n ea Color
text cursiv.

Subliniat - <U></U> - Pentru text

subliniat.
 Inserarea tabelelor
după cumnumărului
Înainte de a începe să se scrie codul pentru
tabel seUn tabel este format știți din:
de liniiCe este un tabel?
recomandă cunoasterea
• cap de tabel
și coloane.

• coloane
Exemplu
• tabel:
linii

• celule
 Declarare tabel Declarea capului de tabel

Se realizează cu: Se realizează cu:

<Table> </Table> <Th></Th>

sau Table Header

Pașii pentru crearea tabelului

D eclarare lin ii D eclararea celu lelo r

Se realizează cu: Se realizează cu:

<Tr> </Tr> <Td> </Td>

sau Table Row – Linie sau Table Data

de tabel
 Opțiuni tabel
Ca oricare eticheta de HTML poate avea optiuni.Acestea sunt de data aceasta (unele dintre ele):

Border (implicit 0) – grosimea chenarului (Border=3)

Align cu valorile : Center , Right, Left

Bgcolor: Culoarea fundalului (Bgcolor = Red)

Height: Inaltimea tabelului/celulei/liniei/coloanei
Valign: Aliniere verticala: Top, Middle, Botoom
Width : Latimea tabelului care poate de tip absolut (numar de pixeli, ex: 400px)
sau relative (procente, ex: 40%)
 Opțiuni tabel
Îmbinare celule
Avem posibilitatea de a îmbina celulele atat pe verticală cât și pe orizontală:

Îmbinarea pe verticală se
face cu ajutoul opțiunii Îmbinarea pe orizontală
Rezultat: se face cu ajutorul opțiunii
Rowspan
Colspan

Pentru cele 2 optiuni se atribuie numarul de celule care se doresc a fi imbinate

 1) Liste neordonate – <Ul></Ul>
(Unordered List)

2) Liste ordonate - <Ol></Ol>

(Ordered List)

Operații cu liste
De câte tipuri sunt listele ?
Exemplul 1: Exemplul 2:

care dorim să fie listate cu ajutoul etichetei <Li></Li>

În interiorul listei trebuie să introducem obiectele

(List Item)
 Opțiuni liste
Pentru liste ordonate

ordonare. Realizam acest

Pentru liste neordonate putem schimba tipul de

lucru cu optiunea Type. De

(bulina) cu ajutorul LIST- unde putem alege 1 (implicit
Putem schimba marcatorul

STYLE-TYPE. Putemalege Disc, selectat), A ( ex : A ,B ,C … ), a

(ex : a,b ,c,… ), I ( ex : I, II,
None (niciunul). III, …), i( ex: i, ii, iii
Circle, Square sau chiar

… .).

<UL STYLE = “ LIST-STYLE-

• Exemplu utilizare:

<OL TYPE="A">
• Exemplu utilizare:
TYPE:SQUARE">
 Aveți întrebări?

Scurtă recapitulare