Poprzednie zadanie
Struktura strony HTML10/10
Wróć do listy zadań
  1. 1. Gdzie zaczyna się HTML
  2. 2. Prosta strona HTML
  3. 3. Nagłówek strony HTML
  4. 4. Kodowanie stron HTML
  5. 5. Style łączenia
  6. 6. Podłączanie stylów zewnętrznych
  7. 7. Tajemnica edytora CSS
  8. 8. Skrypty łączące
  9. 9. Podłączanie zewnętrznych skryptów
  10. 10. Bezpieczne połączenie zewnętrznych stylów i skryptów
Rzeczy do zrobienia
  • Kursy
  • Rejestracja
  • Zaloguj się

Caricamento...
In pochi secondi sarà pronto.

  • Teoria
  • Teoria

Bezpieczne połączenie zewnętrznych stylów i skryptów

W tym zadaniu musisz samodzielnie połączyć zewnętrzne zasoby ze stroną:

  • Plik stylu final.css.
  • Plik skryptu final.js.

Nie zapominaj, że dobrą praktyką jest umieszczanie zewnętrznych stylów w znaczniku <head>, a skryptów przed zamykającym znacznikiem </body>.

We wtyczkach znajdują się demonstracje funkcji CSS i JavaScript, które będziemy dalej badać.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bezpieczne połączenie zewnętrznych stylów i skryptów</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="pot pot-bot"> <div class="shadow"></div> <div class="pot pot-shadow"></div> <div class="pot pot-top"></div> <div class="plant"> <div class="head"> <ul> <li></li><li></li><li></li><li></li> <li></li><li></li><li></li><li></li> </ul> </div> </div> </div> </div> </body> </html>
CSS
li { list-style: none; }

Il codice è cambiato, fai clic su "Aggiorna" o attiva l'esecuzione automatica.

Sei passato a un'altra pagina

Fare clic all'interno del mini-browser per evidenziare questa finestra.

100%
ObiettiviFatto
0
    1. Podłącz plik stylu final.css.
    2. Następnie podłącz skrypt final.js.

    © 2023-2024, bobrkode.com