Previous task
Structure of HTML page10/10
Back to the list of tasks
  1. 1. Where HTML begins
  2. 2. The simplest HTML page
  3. 3. HTML page title
  4. 4. HTML page encoding
  5. 5. Connecting styles
  6. 6. Connecting external styles
  7. 7. The mystery of the CSS editor
  8. 8. Connecting scripts
  9. 9. Connecting external scripts
  10. 10. Connecting external styles and scripts again
Task list
  • Courses
  • Sign up
  • Log in

Loading...
It will be ready in a few seconds.

  • Theory
  • Theory

Connecting external styles and scripts again

In this assignment, you need to connect external resources to the page yourself:

  • Style file final.css.
  • final.js script file.

Don't forget that it's considered good practice to include external styles in <head> and scripts before the closing </body> tag.

These files contain a demonstration of the CSS and JavaScript features we'll be exploring next.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Connecting external styles and scripts again</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; }

The code has changed, click "Update" or enable autorun.

You have moved to another page

Click inside the mini-browser to highlight this window.

100%
GoalsCompleted
0
    1. Connect the final.css style file.
    2. Then connect the script final.js.

    © 2023-2024, codehero.pro