Зміст курсу
HTML Essentials
3. Images and Media
HTML Essentials
Challenge: HTML Document Structure
Welcome to your first challenge in this course!
Challenges are designed to consolidate the knowledge and theory you've learned so far, by putting it into practice. Learning by doing is the best way to learn, so be sure not to skip any challenges.
So, how do challenges work? You will be given a task that needs to be completed, and then you will be presented with a block of code that has gaps that need to be filled in. Once you have completed the challenge, you can run your code to ensure that everything works as expected.
Below the code block, you will see two buttons: and .
- The button will reveal hints to help you with the challenge;
- The button will show you the completed code for that particular challenge.
Feel free to experiment and try different options to complete the task. The more you write, the easier it will become. Good luck!
Task
Fill in the blanks to create the basic structure of an HTML document.
index.html
index.css
index.js
Hint
- Step 1: The document type declaration should be
<!DOCTYPE html>. This declaration informs the browser that the document is written in HTML5. - Step 2: Fill in the blanks with the appropriate opening and closing tags (
<head></head>) for the head section. - Step 3: Use
UTF-8as the character encoding. - Step 4: Fill in the blanks with the appropriate opening and closing tags (
<body></body>) for the body section.
index.html
index.css
index.js
Все було зрозуміло?
Зміст курсу
HTML Essentials
3. Images and Media
HTML Essentials
Challenge: HTML Document Structure
Welcome to your first challenge in this course!
Challenges are designed to consolidate the knowledge and theory you've learned so far, by putting it into practice. Learning by doing is the best way to learn, so be sure not to skip any challenges.
So, how do challenges work? You will be given a task that needs to be completed, and then you will be presented with a block of code that has gaps that need to be filled in. Once you have completed the challenge, you can run your code to ensure that everything works as expected.
Below the code block, you will see two buttons: and .
- The button will reveal hints to help you with the challenge;
- The button will show you the completed code for that particular challenge.
Feel free to experiment and try different options to complete the task. The more you write, the easier it will become. Good luck!
Task
Fill in the blanks to create the basic structure of an HTML document.
index.html
index.css
index.js
Hint
- Step 1: The document type declaration should be
<!DOCTYPE html>. This declaration informs the browser that the document is written in HTML5. - Step 2: Fill in the blanks with the appropriate opening and closing tags (
<head></head>) for the head section. - Step 3: Use
UTF-8as the character encoding. - Step 4: Fill in the blanks with the appropriate opening and closing tags (
<body></body>) for the body section.
index.html
index.css
index.js
Все було зрозуміло?
