HTML Page Creation Assignment

Photo

Bună! Pot să te ajut cu asta. Cerințele aplicației sunt:

  1. Realizați o pagină HTML: Salvați pagina cu numele vostru.
  2. Caracteristici:
    • a. La titlu să vă scrieți numele (1 punct)
    • b. Colorați pagina și scrisul cu culorile preferate (2 puncte)
    • c. Scrieți pe centru o propoziție care să fie reprezentativă temei alese (1 punct)
    • d. Inserați o imagine care să vă reprezinte (2 puncte)

Toate subiectele sunt obligatorii și se acordă 2 puncte din oficiu.

Iată un exemplu simplu de cod HTML pe care îl poți folosi ca punct de plecare:

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Numele Tau</title>
    <style>
        body {
            background-color: #culoare_fundal; /* Înlocuiește cu culoarea preferată */
            color: #culoare_text; /* Înlocuiește cu culoarea preferată */
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Numele Tau</h1>
    <p>Propoziția reprezentativă pentru tema aleasă.</p>
    <img src="cale/catre/imagine.jpg" alt="Descriere imagine">
</body>
</html>

Instrucțiuni:

  1. Salvează fișierul: Salvează codul de mai sus într-un fișier cu extensia .html (de exemplu, numele_tau.html).
  2. Modifică titlul: Înlocuiește Numele Tau din tag-ul <title> cu numele tău.
  3. Colorează pagina:
    • Înlocuiește #culoare_fundal cu codul hexazecimal al culorii de fundal preferate.
    • Înlocuiește #culoare_text cu codul hexazecimal al culorii textului preferate.
  4. Adaugă propoziția: Înlocuiește Propoziția reprezentativă pentru tema aleasă. cu propoziția ta.
  5. Adaugă imaginea:
    • Înlocuiește cale/catre/imagine.jpg cu calea către imaginea pe care vrei să o inserezi.
    • Asigură-te că imaginea este în același folder cu fișierul HTML sau specifică calea corectă.
    • Înlocuiește Descriere imagine cu o scurtă descriere a imaginii.

După ce ai făcut aceste modificări, deschide fișierul HTML într-un browser web pentru a vedea rezultatul.

thinking img
progress gif

Text copiat
Gata
Eroare
×