Embed Size (px)
Citation preview
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 <B> …</B> realizează afişarea... a. aplecată a textului b. subliniată a textului c. îngroşată a textului
3. Marcajul <P> 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
Deschideţi fisierul comp_h 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
Î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. Atributul ALIGN se poate utiliza în marcajele: a. <BODY> b. <P> 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<br> Aici <font color=”red”> fiecare </font> <font color=”green”> cuvant</font> <font color=”blue”>are</font> <font color=”yellow”>alta</font> <font color=”olive”>culoare</font>
<font color=”red”> M </font> <font color=”gray”> O </font> <font color=”cyan”> Z </font> <font color=”magenta”> A </font> <font color=”lime”> I </font> <font color=”black”> C </font>
</body> </html>
Ce va vizualiza browser-ul?
SUBIECTUL II
Deschideţi fisierul comp_h 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
Î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. Pentru a scrie formula apei se va folosi sintaxa: a. H<u>2</u>O b. H<sub>2O c. H<sub>2</sub>O
2. Pentru a scrie cuvântul "clasa" cu caractere îngroşate şi înclinate (italice) se va folosi forma: a. <b><i>clasa</b></i> b. <bi>clasa</bi> c. <i><b>clasa</i></b>
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
Deschideţi fisierul comp_h 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
Î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. Să considerăm pasajul de text următor:
<font size=10 color="red"> Marcajele HTML <font color="blue"> pot
fi </font> vide <font size=12> sau container </font></font>.
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:
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
Deschideţi fisierul comp_h 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. <SUP>
3. Pentru a marca o linie a unui tabel se foloseşte elementul:
a. TH
b. TR
c. TD
d. TL
mure
zmeura
afine
mere
pere
cirese
HTML-Fisa 6
SUBIECTUL I
Realizaţi o pagina Web ca în figura alaturata. SUBIECTUL II
Deschideţi fisierul comp_h 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 Deschideţi fisierul comp_h 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
Î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. 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
Deschideţi fisierul comp_h 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
Î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. 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> <br> <font color="red" size="6" face="verdana"><center> <marquee width="400" height="800" behavior="alternate" direction="up"> Valentine's Day !</marquee></center> </font></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
Deschideţi fisierul comp_h 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
Î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. Pentru definirea unei liste neordonate folosim urmatorul marcaj: a. <b> b. <dd> c. <ol> d. <ul> 2. Codul urmator <p>This is<br>a para<br>graph with line breaks</p> 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><font color=white>Informatica</td> <td align=center>Romana</td> <td bgcolor=green align=center>Matematica</td> <td align=center><font color=red size=20pt><b><i>Fizica</i></b></td> <td align=right><font face="Monotype Corsiva" size=3pt color=magenta>Geografie</td> </tr> </table></html>
HTML-Fisa 13
Editaţi în NOTEPAD textul înclinat de mai jos: <html><head>
<center><h1><B><Font face="ARIAL"color="BLUE">SISTEME DE CALCUL</b></h1></font>
</head><br><br></center>
<hr color="blue" align="center" size="4" width="70%" noshade>
<body background="computer1.jpg"height="700" width="1000">
<p><h3><I>Componentele unui sistem de calcul sunt:</h3></i>
<ol type="I">
<b><li>Componenta HARDWARE</li></b>
<ul type="circle">
<li>Unitatea centrala>
<li>Magistrala de date si comenzi
<li>Unitatile de discuri
<li>Dispozitivele periferice</li></ul>
<b><li>Componenta SOFTWARE</li></b>
<ul type="square">
<li>Sisteme de operare
<li>Programe de aplicatie
<li>Programe de arhivare-dezarhivare
<li>Jocuri
</li></ul> </ol></p></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
Deschideţi fisierul comp_h 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
Î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. Sa consideram pasajul de text urmator: <font size=10 color="red"> Marcajele HTML <font color="blue"> pot fi </font> vide <font size=12> sau container </font></font>. 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)
SUBIECTUL I
1. Realizaţi o pagina Web cu urmatoarele linii orizontale 2. Adaugati in pagina tabelul.
SUBIECTUL II
Deschideţi fisierul comp_h 1. Aliniati centrat doar al treilea paragraf din pagina web.
2. incadrati imaginea din pagina web cu o bordura avand grosimea de 10 pixeli3. Introduceti pe primul cuvânt al paginii web o legatura (link) care sa permita
unui fisier excel din calculator
SUBIECTUL III Întrebările care urmează se vor scrie la sfărcorect va fi scris cu altă culoare 1. Alegeti codul sursa corect pentru a obttext ingrosat. Text ingrosat si subliniat.a. <b> text ingrosat.<u> Text ingrosat si subliniat</u>text ingrosat</b><br>b.<b> text ingrosat.<u> Text ingrosat si subliniat</u></b>text ingrosat <br>c. <b> text ingrosat.<u> Text ingrosat si subliniat</b>text ingrosat</u2. Marind valoarea atributului cellpaddinga. se mareste distanta dintre continutul unei celule din tabel si bordura eib. mareste spatiul dintre celule c. face ca site-ul tau sa arate mai frumosd. nici una din acestea 3. Marcajele HTML pot fi scrise si cu litere mari si cu litere mici (a sau f)
HTML-Fisa 15
urmatoarele linii orizontale
Aliniati centrat doar al treilea paragraf din pagina web.
incadrati imaginea din pagina web cu o bordura avand grosimea de 10 pixeliIntroduceti pe primul cuvânt al paginii web o legatura (link) care sa permita descarcarea
se vor scrie la sfărșitul paginii web comp_h folosind liste imbricate. R
Alegeti codul sursa corect pentru a obtine urmatoarea afisare Text ingrosat si subliniat. Text ingrosat
<b> text ingrosat.<u> Text ingrosat si subliniat</u>text ingrosat</b><br> <b> text ingrosat.<u> Text ingrosat si subliniat</u></b>text ingrosat <br>
<u> Text ingrosat si subliniat</b>text ingrosat</u> Marind valoarea atributului cellpadding se mareste distanta dintre continutul unei celule din tabel si bordura ei
ul tau sa arate mai frumos
Marcajele HTML pot fi scrise si cu litere mari si cu litere mici (a sau f)
incadrati imaginea din pagina web cu o bordura avand grosimea de 10 pixeli. descarcarea
șitul paginii web comp_h folosind liste imbricate. Răspunsul
