Sunteți pe pagina 1din 3

FISA DE LUCRU

FORMATAREA TEXTELOR
HTML

HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezinta de fapt limbajul pe care
browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web.
<HTML> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii spunem browser-ului
ca este vorba de un fisier HTML pentru a il putea afisa.
</HTML> - este tag-ul de încheiere al tag-ului <HTML>. Codul oricarui document se termina cu acest
tag.
<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau. Astfel, textul pe
care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a documentului.
<BODY> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile <BODY> si
</BODY> va fi afisat, de catre browser, pe ecranul monitorului.

I.
1. Sa se lanseaze in executie aplicatia NotePad
2. Sa se scrie documentul HTML de mai jos:

<HTML>
<HEAD>
<TITLE> Schimbarea stilului caracterelor </TITLE>
</HEAD>
<BODY>
<B> - B are ca efect îngrosarea textului </B><BR>
<I> - I are ca efect italicizarea textului </I><BR>
<U> - U are ca efect sublinierea textului </U><BR>
<BIG> -BIG are ca efect marirea textului </BIG><BR>
<SMALL> - SMALL are ca efect micsorarea textului </SMALL><BR>
<TT> - TT are ca efect spatierea în mod egal a textului (litera I si litera M vor ocupa acelasi spatiu în
interiorul unui cuvânt) </TT><BR>
<S> - S are ca efect afisarea textului taiat cu o linie orizontala </S><BR>
<DEL> - DEL are ca efect afisarea textului taiat cu o linie orizontala </DEL><BR>
Am scris un <sub>indice</sub><BR>
Am scris un <sup>exponent</sup>
</BODY>
</HTML>

3. Sa se salveaze documentul cu numele "formatare_text.html"


4. Sa se deschida documentul. Observati rezultatul.

II.
1. Creati o pagina Web cu titlul “Formatarea textului” care sa contina urmatorul text:
Observatie: Orice pagina web trebuie sa cuprinda structura prezentata pe pagina urmatoare
Aceasta linie este scrisa cu text normal
Aceasta linie este scrisa cu caractere ingrosate
In aceasta linie doar cuvantul examen este ingrosat si subliniat
In aceasta linie cuvantul examen este taiat cu o linie orizontala.
In aceasta linie cuvantul informatica prezinta un efect de marire a caracterelor
In aceasta linie cuvantul informatica prezinta un efect de micsorare a caracterelor
Scrieti urmatoarele ecuatii:
aX1+bX2+cX3=0
X2+Y2+Z2=0

2. Creati o pagina Web cu titlul “Atributele fontului” care sa contina urmatorul text.

Obs. Se foloseste tag-ul <font>, exp: <font size=”6”> Fonturi de marime 6 </font>.

Aceasta linie este scrisa folosind dimensiunea normala a caracterelor.

Fonturi de marime 6
Fonturi de marime 4
Fonturi de marime 1
Fonturi de marime 3

Apoi adaugati 5 randuri de texte in cadrul paginii folosind si celelalte atribute ale fontului.

Exp: <font face=Arial size=”4” color=”red”>Acesta este un text scris cu fontul Arial,
dimensiunea 4 si culoarea rosie </font>
STRUCTURA UNEI PAGINI WEB

<HTML>
<HEAD>
<TITLE> Pagina 1 </TITLE>
</HEAD>
<BODY>
AICI VETI ADAUGA CONTINUTUL PAGINII VOASTRE WEB
</BODY>
</HTML>

INDICATIE:
PENTRU A ADAUGA O IIMAGINE INTR-O PAGINA WEB PROCEDATI
ASTFEL:
- SALVATI IMAGINEA DORITA IN CALCULATOR LANGA FISIERUL
PAGINII VOASTRE WEB
- INSERATI IMAGINEA IN PAGINA WEB ASTFEL:
<IMG SRC=”NUME POZA.JPG”/>

S-ar putea să vă placă și