Lucrarea de Laborator 5 ASS

Lucrarea de laborator 5
Crearea box-model
Cerinte:
1. Creați în pagina pe care deja o aveți un antet, utilizând eticheta HEADER, care să conțină
mai multe informații importante despre pagină.
2. Creați un subsol cu eticheta FOOTER, care ar putea conține informații importante.
3. Creați un meniu, cu legături active, adică atunci când apăsați pe unul din tab-urile acestuia,
să se facă conexiunea cu paginile pe care le-ati creat în laboratorul 4. Meniul îl creați utilizând
eticheta NAV.
4. Creați pe pagina dvs, secțiuni și astfel clasificați cumva conținutul paginii, utilizând
eticheta SECTION.
Rezolvare:
<!DOCTYPE html>
<html lang="ro">
<head>
<title>www.Global-tur.md</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Times New Roman', Times, serif;
}
/* Style
antet*/
header {
background-color: #666;
padding: 10px;
text-align: left;
font-size: 28px;
color: white;
height: 80px;
}
/* Style lista din meniu */

nav ul {
list-style-type: none;
padding: 0;
line-height: 22px;
text-decoration: none;
text-align: center;
}
text-decoration: none;
}
a{ text-decoration:
none; color:red;
text-align: center;
background-color:lightskyblue;
}
article {
float:centre;
padding:
20px; width:
100%;
background-color: #f1f1f1;
height:auto;
text-align: center;
}
/* Clear floats after the columns */
section:after {
content: "";
display:inline;
}
/* footer
*/ footer {
background-color: #777;
padding: 10px;
text-align: left;
color: white;
}
@media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;
}
}
</style>
</head>
<body>
<header>
GLOBAL-TUR <br />
<span style="color:cornsilk; font-
size:14px; font:"Courier New", Courier, monospace"><strong>BINE ATI VENIT!!!</
strong></span></header>
<section>
<nav>
<h3 style="text-align: center;">MENIU</h3>
<ul>
<li><a href="Lucrarea de laborator nr.4 ASS/GLOBAL-
TUR 1/Pagini/Despre noi.html">Despre noi</a></li>
TUR 1/Pagini/Galerie.html">Galerie</a></li>
TUR 1/Pagini/Oferte fierbintii.html">Oferte fierbintii</a></li>

TUR 1/Pagini/Odihna.html">Odihna</a></li>
TUR 1/Pagini/Oferte fierbintii.html">Rezervarii</a></li>
TUR 1/Pagini/Date de contact.html">Date de contact</a></li>
</ul>
</nav>
<article>
<h2> Bine ati venit pe saitul agentii de turism GLOBAL-TUR !!! </h2>
<p>Stimate client agentie "Global-
Tur" anunta deschiderea sezonului in Turcia. Va propunem sa vizitati aceasta d
estinatie misterioasa ,care se mindreste cu o cultura interesanta ,traditii bo
gate. Datorita climei,plajelor hoteliere dezvoltte - Turcia ramiine una dintre
cele mai populare destinatiipentru turisti.</p>
<p><strong>Pentru mai multe detalii consultati ofertele din meniu si rezervat
iva acum vacanta de vis.</strong></p>
<img src="pexels-photo-1010657.jpeg" height="450"px; width="auto";>
<img src="holiday-2880261 480.jpg" height="450"px; width="550px";>
</article>
</section>
<footer>
<h4>Pentru mai multe detalii:</h4>
<pre>
tel: 0222453445
tel: 0226472346
facebook:https://www.facebook.com/globaltur.TM/
web: http://www.globaltur.md/
email: global-tru@yahoo.com
</pre>
</footer>
</body>
</html>
Rezultat:
Concluzie:
In cadrul acestei lucrari am invatat cum sa creiem un header(antet), un subsol, cum sa folosim
sectiunile, dar si cum sa facem un meniu cu legaturi cu alte fisire .
In cele din urma in cadrul acestei lucrari am aplicat toate cunostintele acumulate in cadrul
studiului HTML.

Lucrarea de Laborator 5 ASS

Î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

Lucrarea de Laborator 5 ASS

Încărcat de

Drepturi de autor:

Formate disponibile

Lucrarea de laborator 5

/* Style lista din meniu */

<li><a href="Lucrarea de laborator nr.4 ASS/GLOBAL-

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