Fise HTML

HTML-Fisa 1
SUBIECTUL I
Stalactita
Lucian Blaga
Tăcerea mi-este duhul -

şi-ncremenit cum stau şi paşnic
ca un ascet de piatră,
îmi pare
că sunt o stalactită într-o grotă uriaşă,
în care cerul este bolta.
Cerințe:
1. Deschideți Notepad-ul și copiați textul de mai sus.

2. Salvați documentul de lucru cu numele ”Aplicație practică sub formă de pagină Web.
3. Scrieți titlul poeziei cu heading 1, aliniat centrat.
4. Scrieți numele autorului cu heading 2, aliniat la dreapta.
5. Inserați o linie orizontală după numele autorului
6. Scrieți primele două versuri îngroșat, culoare roșie, dimensiune 7, font tahoma, aliniate la
stânga.
7. Scrieți următoarele două versuri înclinat, culoare verde, dimensiune 4, aliniate la centru.
8. Scrieți ultimele două versuri font Arial Black, culoare albastră, aliniate la dreapta.
9. Aplicați fundalului paginii o culoare galbenă.
SUBIECTUL II
Deschideţi fisierul comp_h
1. Scrieţi la sfârșitul fișierului titlul paginii web de culoare roșie.
2. Aliniaţi centrat numai textul din ultimele doua paragrafe aflate înaintea imaginii din pagina.
3. Aplicaţi stilul cursiv (italic) numai textului din primul paragraf.
SUBIECTUL III
Întrebările care urmează se vor scrie la sfărșitul paginii web comp_h. Răspunsul corect va fi scris cu altă
culoare
1. HTML utilizează pentru descrierea documentelor Web:
a. etichete
b. foi de calcul
c. foi de prezentare
2. Marcajul … realizează afişarea...
a. aplecată a textului
b. subliniată a textului
c. îngroşată a textului
3. Marcajul este utilizat pentru...
a. a marca începutul unei pagini
b. a marca începutul unui paragraf
c. a numerota automat paginile
HTML-Fisa 2
SUBIECTUL I
Creati o pagina Web cu titlul „Bine ai venit sa-l vezi pe GOGUTZA” care sa contina:
(00)
\/| |\/
_| |_
Indicatii:
1. <html>
<head>
<title>Bine ai venit sa-l vezi pe GOGUTZA
</title>
</head>
<body>
<pre>
(00)
\/| |\/
_| |_
</pre>
</body> </html >
SUBIECTUL II
1) Formataţi numai textul din primul paragraf astfel încât sa fie subliniat cu o linie simpla.
2) Formataţi textul din primul paragraf astfel încât dimensiunea fontului utilizat sa fie mai mica decât a
fontului utilizat pentru celelalte paragrafe.
3) Formataţi numai textul primelor doua paragrafe ale paginii web astfel încât culoarea fontului sa fie
verde (green).
SUBIECTUL III
culoare
1. Atributul ALIGN se poate utiliza în marcajele:
a. <BODY>
b. 
c. <H>
2. Atributele controlului "Font" sunt:
a. Face, color, width
b. Face, BG
c. Face, size, color
3. Antetul documentului este delimitat prin
eticheta:
a. <HTML>
b. <HEAD>
c. <TITLE>
HTML-Fisa 3
SUBIECTUL I
Se da urmatorul cod html:
<html>
<head>
<title>Exemplu </title>
</head>
<body >
Aceasta linie e scrisa cu cacartere normale 
Aici fiecare 
 cuvant
are
alta
culoare
 M 
 O 
 Z 
 A 
 I 
 C 
</body>
</html>
Ce va vizualiza browser-ul?
SUBIECTUL II
1) Introduceti un marcator de paragraf dupa prima fraza din text.
2) Formatati numai al doilea paragraf din pagina web astfel încât sa fie scris cu litere aldine (bold).
3) Numai pentru al doilea paragraf modificaţi culoarea textului în albastru deschis (lightblue).
SUBIECTUL III
culoare
1. Pentru a scrie formula apei se va folosi sintaxa:
a. H2O
b. H2O
c. H2O
2. Pentru a scrie cuvântul "clasa" cu caractere îngroşate şi înclinate (italice) se va folosi forma:
a. clasa
b. <bi>clasa</bi>
c. clasa
3. Atributele controlului "Font" sunt:
a. Face, color, width
b. Face, BG
c. Face, size, color
HTML-Fisa 4
SUBIECTUL I
1) Creati o pagina Web cu titlul “Marimea fontului” care sa contina urmatorul text.
Aceasta linie este scrisa cu caractere normale.

Fonturi de marime 6
Fonturi de marime 4
Fonturi de marime 1
Fonturi de marime 6
2) Adaugati in pagina textul urmator si liniile orizontale
Tipuri de linii orizontale
Urmeaza o linie implicita(aliniere stg, latime 100%, grosime 2)
Urmeaza o linie aliniata centru , de latime 50%, grosime 5
SUBIECTUL II
1) Formataţi al doilea paragraf astfel încât numai acesta sa fie aliniat la dreapta.
2) Aplicaţi stilul italic numai primului cuvânt din primul paragraf al paginii web.
3) Stergeti ultimul paragraf din pagina web, aflat dupa imagine.
SUBIECTUL III
culoare
1. Să considerăm pasajul de text următor:
 Marcajele HTML pot
fi vide sau container .
Care din următoarele cuvinte vor fi afişate cu font
de dimensiune 12 şi culoare albastră?
a. niciunul
b. container
c. vide
2. Controalele folosite pentru marcarea antetelor
de secţiuni (titluri şi subtitluri) sunt:
a. <h1>,<h2>,.. ,<h6> în ordinea descrescătoare a dimensiunii fontului folosit pentru afişare
b. <h1>,<h2>,.. ,<h6> în ordinea crescătoare a dimensiunii fontului folosit pentru afişare
c. <H1>,<H2>,.. ,<H6> în ordinea descrescătoare a dimensiunii fontului folosit pentru
afişare
3. Elementul BODY admite următoarele atribute:
a. TITLE
b. BGCOLOR
c. BIG
HTML-Fisa 5
SUBIECTUL I
1) Creati o pagina Web cu titlul “Tabele si liste ” care sa contina tabelul:
mure zmeura afine
mere pere cirese
2) Adaugati in pagina web listele:

Pentru a cunoaste Internet-ul trebuie sa studiati urmatoarele carti:
• HTML
• JavaScript
• Java
Seria Internet va cuprinde urmatoarele carti:

I. HTML prin exemple
II. JavaScript prin exemple
III. Java prin exemple
SUBIECTUL II
1. Scrieţi pe foaia de examen primul cuvânt din titlul paginii web.
2. Creaţi o lista ordonata pentru a numerota toate paragrafele, aflate înaintea imaginii, utilizând tipul de
numerotare A., B., C., ….
3. Creaţi la sfârsitul paginii un tabel cu doua linii si o coloana si completaţi toate celulele tabelului cu
numarul 2010.
SUBIECTUL III
Întrebările care urmează se vor scrie la sfărșitul paginii web comp_h folosind liste imbricate. Răspunsul
corect va fi scris cu altă culoare
1. Marcajul <OL> este folosit pentru a defini...
a. o linie orizontală
b. o listă nenumerotată
c. o listă numerotată
2. Introducerea unui element a unei liste se realizează prin marcajul...
a. <LI>
b. <ALIGN>
c. 
3. Pentru a marca o linie a unui tabel se foloseşte elementul:
a. TH
b. TR
c. TD
d. TL
HTML-Fisa 6
SUBIECTUL I
Realizaţi o pagina Web ca în figura alaturata.
SUBIECTUL II
1) Modificaţi parametrii de vizualizare a
imaginii astfel încât înalţimea acesteia sa fie
de400 pixeli.
2) Utilizând un tabel cu o singura celula,
încadraţi primul paragraf al paginii web cu
un chenar de dimensiune 5 pixeli.
3) Înainte de primul paragraf din pagina web
creaţi o lista ordonata care sa conţina, în
aceasta ordine, termenii astronomie, chimie,
biologie, folosind tipul de numerotare cu
cifre romane (I., II., III.).
SUBIECTUL III
Întrebările care urmează se vor scrie la
sfărșitul paginii web comp_h folosind liste
imbricate. Răspunsul corect va fi scris cu altă
culoare
1. Care din următoarele atribute nu sunt
specifice elementului TABLE ?
a. Border
b. Cellspacing
c. Color
d. Width şi Height
2. Câte liste generează secvenţa de cod
prezentată mai jos:
<ul>
<li>Dimensiune</li>
<ul><li>Mare</li>
<li>Mica</li></ul>
<li>Culoare</li></ul>
a. O listă cu 4 elemente
b. Două liste neimbricate cu câte două elemente
c. O listă cu două elemente care conţine o altă listă cu două elemente
3. O imagine se introduce cu:
a. <imag src="imagine.jpg">
b. <img src="imagine">
c. <img src="imagine.jpg">
HTML-Fisa 7
SUBIECTUL I
1 Creati o pagina Web cu titlul “Tabele si liste ” care sa contina tabelul:
Pentru a cunoaste Internet-ul trebuie sa studiati urmatoarele carti:
A. HTML
B. JavaScript
C. Java
Seria Internet va cuprinde urmatoarele carti:

HTML prin exemple
JavaScript prin exemple
Java prin exemple
2. Adaugati in pagina orarul clasei.

LUNI MARTI MIERCURI JOI VINERI
MATE
MATE
SUBIECTUL II
1) Aplicaţi marcatori de tip cerc (circle) numai pentru primele trei paragrafe ale paginii.
2) Inseraţi la sfârsitul paginii web un tabel cu doua rânduri si o coloana si completaţi toate celulele
tabelului cu numarul 2011.
3) Aliniati imaginea la centrul paginii web.
SUBIECTUL III
1. Eticheta <HR> are ca efect:
a. trasarea unei linii verticale
b. trasarea unei linii orizontale
c. terminarea unui rând
2. Pentru a determina ca o celulă a tabelului să ocupe spaţiul a două sau mai multe coloane se foloseşte
atributul:
a. width
b. rowspan
c. height
d. colspan
3. Pentru a schimba marimea unei imagini se foloseste
a. pliers
b. height si width
c. top si bottom
d. bigger si smaller
HTML-Fisa 8
SUBIECTUL I
Creati doua pagini Web p1.html si p2.html. Creati legaturi intre cele doua pagini.
Pagina 1
Link catre pagina 2
Pagina 2
Link catre pagina 1
Link catre www.yahoo.com
SUBIECTUL II
1. Scrieţi pe foaia de examen numarul de paragrafe aflate înaintea imaginii din pagina web.
2. Înainte de primul paragraf din pagina web creaţi o lista ordonata care sa conţina, în aceasta ordine,
termenii astronomie, chimie, biologie, folosind tipul de numerotare cu cifre romane (I., II., III.).
3. Dupa imaginea din pagina web creati o lista neordonata care sa contina termenii Proba A, Proba B,
Proba C, Proba D, Proba E folosind marcatori de tip cerc (circle).
SUBIECTUL III
1. Daca vrei ca o lista ordonata sa fie numerotata cu litere mari incepand cu D folsesti atributele
a. type="a" start="D"
b. type="A" start="D"
c. type="A" start="4"
d. type="letter" start="d"
2. Pentru modificarea fundalului unei celule de tabel se foloseste atributul:
a. body
b. fundal
c. bgcolor
d. cellcolor
3. O imagine are inaltimea de 300 de pixeli si latimea de 200 de pixeli. Instructiunea <img
src="imagine.jpg" height="150"> afiseaza
a. imaginea cu inaltimea 150 si latimea 200
b. imaginea cu inaltimea 150 si latimea 100
c. imaginea cu inaltimea 300 si latimea 200
d. imaginea cu inaltimea 300 si latimea 100
HTML-Fisa 9
-utilizarea tagului Marquee, formatare text, fundal, introducere
imagini
PAS 1: Deschidet aplicatia Paint
Stabiliti dimensiunea desenului la 100 x 100 pixeli. Umpleti fundalul cu neagru.
Desenati o inima rosie. Salvati desenul cu numele inima, tipul png.
PAS 2: Deschideti aplicatia Notepad . Introduceti urmatorul cod html :
<html><body bgcolor="black">
<marquee width="48%" direction="right"><img src="inima.png"></marquee>
<marquee width="48%" direction="left"> <img src="inima.png"></marquee>
 <center>
<marquee width="400" height="800" behavior="alternate" direction="up">
Valentine's Day !</marquee></center> </body></html>
ATENTIE !!! : Salvati fisierul in acelasi folder cu imaginea, cu numele vali.html (activati optiunea All
files –toate fisierele, din caseta de salvare )
PAS 3: Dati clic stanga pe iconita vali, pentru a vizualiza in browser fisierul.
Aduceti imbunatatiri programului, modificand culori, sau optiuni ale tagului
<marquee> (click dreapta, optiunea View Source; salvati din nou fisierul din
Notepad cu File/Save, reveniti la pagina din Explorer si dati click pe Refresh)
Sugestii:
Scrieti de mai multe ori randurile:

o <marquee width="48%" direction="right"><img src="inima.png"></marquee>
o <marquee width="48%" direction="left"> <img src="inima.png"></marquee>
Inlocuiti 48% de la marquee cu alte valori, etc.
Inlocuiti inimioarele cu doua masinute care se ciocnesc (desenati

o masinuta, o salvati iar apoi rotiti pe orizontala desenul si salvati
cu alt nume. Inlocuiti codul
<img src="inima.png"> cu
<img src="masina1.png"> si <img src="masina2.png">
iar textul Valentine's day ! cu Booom !!!
HTML-Fisa 10
Indicatie
<html>
<head>
<title>Cadre</title>
</head>
<frameset rows=50%,50%>
<frame src=”frame_a.html”>
<frameset cols=25%,75%>
<frame src=”frame_b.html”>
<frame src=”frame_c.html”>
</frameset>
</html>
unde:
frame_a.html este un fisier html care are continutul Cadrul A
frame_b.html este un fisier html care are continutul Cadrul B
frame_c.html este un fisier html care are continutul Cadrul C
HTML-Fisa 11
SUBIECTUL I
Scrieti codul html pentru realizarea urmatorului formular
SUBIECTUL II
1. Adaugati dupa imagine o legatura (link) care sa contina textul documente si sa permita
descarcarea unui fisier word din calculator
2. Modificati parametrii de vizualizare a imaginii astfel încât latimea acesteia sa ocupe 60% din latimea
ferestrei în care este vizualizata pagina.
3. Creaţi o lista ordonata pentru a numerota ultimele trei paragrafe, aflate înaintea imaginii, utilizând
tipul de numerotare a., b., c. …
SUBIECTUL III
1. Pentru definirea unei liste neordonate folosim urmatorul marcaj:
a. 
b. <dd>
c. <ol>
d. <ul>
2. Codul urmator This is a para graph with line breaks afiseaza
a. 3 paragrafe
b. un paragraf pe un singur rand
c. un paragraf pe trei randuri diferite
3. Care este instructiunea corecta pentru a alinia la stanga continutul unei celule
a. <td leftalign>
b. <td align="left">
c. <tdleft>
d. <td valign="left">
HTML-Fisa 12
Organizaţi, utilizând tabele HTML, orarul clasei voastre. Personalizaţi pagina, în funcţie de materiile
preferate, sau de profesorii preferaţi. De exemplu, dacă materia preferată este Informatica, adăugaţi o
imagine de fundal celulei care conţine această materie.
Exemplu de orar (parţial)
<html><title>ORAR</title>
<body>
<table border="5">
<caption>ORAR-ul clasei XII A</caption>
<tr>
<th width=100>Luni</th>
<th width=100>Marti</th>
<th width=100>Miercuri</th>
<th width=100>Joi</th>
<th width=100>Vineri</th>
</tr>
<tr>
<td background="rai.jpg" height=100 align=center>Informatica</td>
<td align=center>Romana</td>
<td bgcolor=green align=center>Matematica</td>
<td align=center>Fizica</td>
<td align=right>Geografie</td>
</tr> </table></html>
HTML-Fisa 13
Editaţi în NOTEPAD textul înclinat de mai jos:
<html><head>
<center><h1>SISTEME DE CALCUL</h1>
</head> </center>
<hr color="blue" align="center" size="4" width="70%" noshade>
<body background="computer1.jpg"height="700" width="1000">
<h3>Componentele unui sistem de calcul sunt:</h3>
<ol type="I">
<li>Componenta HARDWARE</li>
<ul type="circle">
<li>Unitatea centrala>
<li>Magistrala de date si comenzi
<li>Unitatile de discuri
<li>Dispozitivele periferice</li></ul>
<li>Componenta SOFTWARE</li>
<ul type="square">
<li>Sisteme de operare
<li>Programe de aplicatie
<li>Programe de arhivare-dezarhivare
<li>Jocuri
</li></ul>
</ol></body></html>
1. Salvaţi fiţierul cu numele Sisteme de calcul.html în dosarul clasei
2. Căutaţi pe Internet poza cu un computer, salvati-o, deschideti-o apoi cu Paint ca să o măriti cu
260% pe orizontală si 270% pe verticală. (Image-Stretch/Scew)
3. Mai jos este rezultatul pe care trebuie să-l obţineţi, daca deschideti pagina cu un browser
HTML-Fisa 14
SUBIECTUL I
Scrieti codul html pentru realizarea urmatorului formular
SUBIECTUL II
1. Încadraţi imaginea din pagina web cu o bordura având grosimea de 15 pixeli.
2. Formatati textul din pagina web astfel încât sa fie scris cu font Times New Roman.
3. Adaugati la sfârsitul paginii web un tabel cu structura si continutul de mai jos:
A A
B B
SUBIECTUL III
1. Sa consideram pasajul de text urmator: Marcajele HTML pot fi vide sau container . Care din urmatoarele
cuvinte vor fi afisate cu font de dimensiune 12 si culoare albastra?
a. niciunul
b. container
c. vide
2. Care este modul corect de a insera o imagine
a. <img alt="MyImage">image.gif</img>
b. <img src="image.gif" alt="MyImage" />
c. <img href="image.gif" alt="MyImage" />
d. <image src="image.gif" alt="MyImage" />
3. Un tabel poate fi creeat in interiorul altui tabel ?(a sau f)
HTML-Fisa 15
SUBIECTUL I
1. Realizaţi o pagina Web cu urmatoarele linii orizontale
2. Adaugati in pagina tabelul.
SUBIECTUL II
1. Aliniati centrat doar al treilea paragraf din pagina web.
2. incadrati imaginea din pagina web cu o bordura avand grosimea de 10 pixeli. pixeli
3. Introduceti pe primul cuvânt al paginii web o legatura (link) care sa permita descarcarea
unui fisier excel din calculator
SUBIECTUL III
Întrebările care urmează se vor scrie la sfăr
sfărșitul
șitul paginii web comp_h folosind liste imbricate. R
Răspunsul
1. Alegeti codul sursa corect pentru a obtine
obt urmatoarea afisare
text ingrosat. Text ingrosat si subliniat. Text ingrosat
a. text ingrosat. Text ingrosat si subliniattext ingrosat 
b.
 text ingrosat. Text ingrosat si subliniattext ingrosat 
c. text ingrosat.
 Text ingrosat si subliniattext ingrosat
2. Marind valoarea atributului cellpadding
a. se mareste distanta dintre continutul unei celule din tabel si bordura ei
b. mareste spatiul dintre celule
c. face ca site-ul
ul tau sa arate mai frumos
d. nici una din acestea
3. Marcajele HTML pot fi scrise si cu litere mari si cu litere mici (a sau f)

Fise HTML

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Fise HTML

Încărcat de

Drepturi de autor:

Formate disponibile

HTML-Fisa 1

Tăcerea mi-este duhul -

1. Deschideți Notepad-ul și copiați textul de mai sus.

Aceasta linie este scrisa cu caractere normale.

Tipuri de linii orizontale

Urmeaza o linie implicita(aliniere stg, latime 100%, grosime 2)

Urmeaza o linie aliniata centru , de latime 50%, grosime 5

mure zmeura afine

mere pere cirese

2) Adaugati in pagina web listele:

Seria Internet va cuprinde urmatoarele carti:

Seria Internet va cuprinde urmatoarele carti:

2. Adaugati in pagina orarul clasei.

Link catre pagina 2

Link catre pagina 1

Link catre www.yahoo.com

PAS 2: Deschideti aplicatia Notepad . Introduceti urmatorul cod html :

Scrieti de mai multe ori randurile:

Inlocuiti 48% de la marquee cu alte valori, etc.

Inlocuiti inimioarele cu doua masinute care se ciocnesc (desenati

Exemplu de orar (parţial)

2. Adaugati in pagina tabelul.

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