Exemple de subiecte
EXEMPLE DE SUBIECTE
TITLUL PAGINII
EXEMPLUL1
- Schimbați titlul paginii
<html>
<head>
<title>Noul titlu al paginii </title>
</head >
<body>
</body>
</html>
CORPUL PAGINII
EXEMPLUL2
- Adăugați paginii web un fundal de culoare
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY BGCOLOR="#00FFFF">
Pagina are culoarea cyan
</BODY>
</HTML>
EXEMPLUL3
- Modificarea culorii textului - pentru întreaga pagină
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY text="red">
Acesta este textul de culoare rosie
</BODY>
</HTML>
EXEMPLUL4
- Inserați o linie orizontală de culoare roșie
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
<hr color="red">
</BODY>
</HTML>
EXEMPLUL5
- Adăugarea unei linii goale
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
Acesta este textul meu <br> pe doua randuri
</BODY>
</HTML>
EXEMPLUL6
- Ștergerea unei întreruperi dintr-un rând
INDICAȚIE
- se șterge eticheta <br> din sursa paginii
PARAGRAF
EXEMPLUL7
- Realizarea unui paragraf nou
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
<p>
Acesta este noul paragraf
</p>
</BODY>
</HTML>
EXEMPLUL8
- Modificarea culorii textului doar pentru un paragraf
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
<font color="red">
<p>
Acesta este textul de culoare rosie
</p>
</font>
<p>
Acesta este un text culoare implicita (automata)
</p>
</BODY>
</HTML>
EXEMPLUL9
- Modificarea alinierii textului: stânga, centrat, dreapta
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
<p>
Acesta este textul aliniat automat la stanga
</p>
<p align="center">
Acesta este textul aliniat pe centru
</p>
<p align="right">
Acesta este textul aliniat la dreapta
</p>
</BODY>
</HTML>
EXEMPLUL10
- Modificarea stilului textului: aldin (ingrosat), cursiv (inclinat), subliniat
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
<p><b>Acesta este textul aldin (ingrosat)</b> restul este normal</p>
<p><i>Acesta este textul inclinat (cursiv)</i> restul este normal</p>
<p><u>Acesta este textul subliniat</u> restul este normal</p>
</BODY>
</HTML>
EXEMPLUL11
- Modificarea fontului textului, marimii, dimensiunii
<html>
<body>
<font size="5" color="#0000FF">Text de culoare albastra si dimensiune 5.</font><br>
<font face="verdana" color="lime">Text de culoarea lamaiei si de tip Verdana.</font><br>
<font size="2" color="red">Text de culoare rosie si dimensiune 2.</font><br>
</body>
</html>
EXEMPLUL12
Modificarea fontului textului, in comparatie cu paragraful precedent
<HTML>
<BODY>
<p>Acesta este textul initial</p>
<big>Acesta este textul mai mare</big>
<small>Acesta este textul mai mic</small>
</BODY>
</HTML>
EXEMPLUL13
- Titlurile paginilor web
<html>
<body>
<h1>Acesta este un heading H1</h1>
<h2>Acesta este un heading H2</h2>
<h3>Acesta este un heading H3</h3>
<h4>Acesta este un heading H4</h4>
<h5>Acesta este un heading H5</h5>
<h6>Acesta este un heading H6</h6>
</body>
</html>
IMAGINI
EXEMPLUL14
- Inserarea unei imagini
<html>
<body>
<img src="comp_i.jpg">
</body>
</html
EXEMPLUL15
- Inserarea unei imagini cu proprietăți: chenar (border), dimensiuni - height (inaltime) - wdth (latime), aliniere (align), text alternativ (alt) - in cazul in care nu se incarca imaginea
Indicatie: dimensiunile pot fi in pixeli (se scrie doar dimensiunea) sau proportii si atunci se scrie dimensiunea cu %
<html>
<body>
<img src="comp_i.jpg" border="3" width="25%" height="275" align="center" alt="Sunset" align="right">
</body>
</html
- Ștergerea unei imagini
INDICATIE - se sterge tagul corespunzator din codul sursa
- Înlocuirea unei imagini
INDICATIE - se scrie numele si extensia noii imagini
- Mutarea unei imagini
INDICATIE - se muta tagul corespunzator in dreptul paragrafului indicat
LINK
EXEMPLUL16
- Inserarea unui link pe un text spre un fișier
<html>
<body>
<a href ="comp_i.jpg">Imagine</a>
</body>
</html>
EXEMPLUL17
- Inserarea unui link pe un text spre o altă pagină
<html>
<body>
<a href ="exemplul1.html">Imagine</a>
</body>
</html>
EXEMPLUL18
- Inserarea unui link pe un text spre un site
<html>
<body>
<a href="http://www.cpf.ro">Viziteaza platforma e-learning</a>
</body>
</html>
EXEMPLUL19
- Inserarea unui link pe o imagine spre o pagină
<html>
<body>
<a href="exemplul1.html"><img src="compi.jpg"></a>
</body>
</html>
MARCATORI
- Aplicați o listă cu marcatori de tip: circle, square, disc
EXEMPLUL20
<html>
<body>
<ul type="circle">
<li>Marcator cerc</li>
</ul>
<ul type="square">
<li>Marcator partat</li>
</ul>
<ul type="disc">
<li>Marcator disc</li>
</ul>
</body>
</html>
- Aplicați liste ordonate
EXEMPLUL21
<html>
<body>
<ol >
<li>Primul</li>
<li>Al 2-lea</li>
<li>Al 3-lea</li>
</ol>
</body>
</html>
- Înlocuiți marcatorii cu o listă
TABELE
EXEMPLUL22
- Inserarea unui tabel
<html>
<body>
<table border="1" bordercolor="red" align="center">
<tr>
<td>randul 1, celula 1</td>
<td>randul 1, celula 2</td>
</tr>
<tr>
<td>randul 2, celula 1</td>
<td>randul 2, celula 2</td>
</tr>
</table>
</body>
</html>
- Adăugați la un tabel un rând nou și completați prima celulă cu cuvântul EXAMEN
- Alinierea tabelului
- Ștergerea unei linii din tabel
- Adăugați la un tabel o coloană nouă și completați ultima celulă cu cuvântul SOFTWARE
- Eliminați liniile tabelului
- Schimbați culoarea liniilor din tabel