Sunteți pe pagina 1din 7

MINISTERUL EDUCAŢIEI,CULTURII ŞI CERCETĂRII A REPUBLICII MOLDOVA

Centrul de Excelență în Informatică și Tehnologii Informaționale

Lucrare individuală nr. 3


la disciplina:Limba străină de afaceri

Eleva:Chetreanu Daniela,
I-1544
Profesor: Goreanu I.

Chişinău-2018
<html>

<head>

<title> Home </title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="style.css">

</head>

<body>

/*meniul*/

<div class="sidenav">

<a href="home.html">Carti</a>

<a href="filme.html">Filme</a>

<a href="seriale.html">Seriale</a>

</div>

/*meniul*/

<div class="content">

<h2>Unele din cele mai interesante carti ale lumii</h2>

<div class="gallery">

<a href="divergent.html">

<img src="divergent.jpg" alt="divergent" width="300" height="200">

</a>

<div class="desc">Trigologia Divergent(3vol)</div>

</div>

<div class="gallery">

<a href="instrumente-mortale.html">

<img src="instrumente-mortale.jpg" alt="instrumente-mortale" width="300" height="200">

</a>
<div class="desc">Instrumente Mortale(6vol)</div>

</div>

<div class="gallery">

<a href="urzeala-tronilor.html">

<img src="tronuri.jpg" alt="urzeala tronurilor" width="300" height="200">

</a>

<div class="desc">Cintece de Gheață și Foc(5vol)</div>

</div>

<div class="gallery">

<a href="hobbit.html">

<img src="91fFR6by+qL._SL1429_.jpg" alt="Hobbit" width="300" height="200">

</a>

<div class="desc">Hobbit</div>

</div>

<div class="gallery">

<a href="stapinul-inelelor.html">

<img src="inel.jpg" alt="Stapanul Inelelor" width="300" height="200">

</a>

<div class="desc">Trilogia Stapanul Inelelor(3vol)</div>

</div>

<div class="gallery">

<a href="inainte-sa-te-cunosc.html">

<img src="inainte.jpg" alt="Inainte sa te cunosc" width="300" height="200">

</a>

<div class="desc">Inainte sa te cunosc(2vol)</div>

</div>

<div class="gallery">
<a href="jurnalele-vampirilor.html">

<img src="jurnale.jpg" alt="Jurnalele Vampirilor" width="300" height="200">

</a>

<div class="desc">Jurnalele Vampirilor(8vol)</div>

</div>

<div class="gallery">

<a href="originals.html">

<img src="originals.jpg" alt="Originalele: The Rise" width="300" height="200">

</a>

<div class="desc">Originalele: The Rise(3vol)</div>

</div>

<div class="gallery">

<a href="harry-potter.html">

<img src="potter.jpg" alt="Colectia Harry Potter" width="300" height="200">

</a>

<div class="desc">Colectia Harry Potter(7vol)</div>

</div>

<div class="gallery">

<a href="cartile-junglei.html">

<img src="jungle.jpg" alt="Cartile Junglei" width="300" height="200">

</a>

<div class="desc">Cartile Junglei(2vol)</div>

</div>

<div class="gallery">

<a href="viata-lui-pi.html">

<img src="pi.jpg" alt="Viata lui Pi" width="300" height="200">

</a>

<div class="desc">Viata lui Pi</div>


</div>

<div class="gallery">

<a href="jocurile-foamei.html">

<img src="jocurile.jpg" alt="Jocurile Foamei" width="300" height="200">

</a>

<div class="desc">Trigologia Jocurile Foamei(3vol)</div>

</div>

<div class="gallery">

<a href="amurg.jpg">

<img src="amurg.jpg" alt="Amurg" width="300" height="200">

</a>

<div class="desc">Seria Amurg(4vol)</div>

</div>

<div class="gallery">

<a href="mountains.jpg">

<img src="mountains.jpg" alt="Mountains" width="300" height="200">

</a>

<div class="desc">Add a description of the image here</div>

</div>

</div>

</body>

</html>

La balise identifie...

DOCTYPE (Document Type Declaration) - pour valider la version (X)HTML utilisée. Ici, pour une page
<!DOCTYPE html>
en HTML5.

<html lang="fr"> Début de la page HTML avec la mention de la langue principale de la page.

</html> la fin de la page (du code HTML).


<head> le début du bloc (section) d'en-tête.

<meta charset="utf-8"> Définir le codage des caractères. (Ressource)

<meta name="viewport"
Pour tenir compte de la taille de l'écran - navigateur - (écran d'ordinateur, smartphone, tablette).
content="width=device-width,
viewport : désigne la zone de la fenêtre du navigateur.
initial-scale=1"/>

<title> le début du titre (il s'affiche dans un onglet de la fenêtre du navigateur).

</title> la fin du titre.

<style> et </style> Début/fin du bloc de la déclaration des styles .

</head> la fin du bloc (section) d'en-tête.

<p> et </p> le début et la fin d'un paragraphe.

Début/fin du corps de la page. Il contient le contenu effectif.


<body> et </body>

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