docs:Formatting the subject skeleton

This commit is contained in:
oumaimafisaoui 2024-07-07 16:01:25 +01:00 committed by Oumaima Fisaoui
parent 4fa98a738c
commit d4635b3f6a
3 changed files with 6 additions and 7 deletions

BIN
subjects/DPxAI/.DS_Store vendored Normal file

Binary file not shown.

BIN
subjects/DPxAI/skeleton/.DS_Store vendored Normal file

Binary file not shown.

View File

@ -17,7 +17,6 @@ To craft your robot friend, you first need to build its skeleton, and that's whe
- for the CSS files: when you have to link one, it's named like so: `name-of-the-exercise.css`
- for the JS files, when you have to link one, it's named like so: `name-of-the-exercise.js`
### Resources
We provide you with some content to get started smoothly, check it out!
@ -27,15 +26,16 @@ We provide you with some content to get started smoothly, check it out!
- Video [Different HTML tags overview](https://www.youtube.com/watch?v=Al-Jzpib8VY&list=PLHyAJ_GrRtf979iZZ1N3qYMfsPj9PCCrF&index=2)
Those videos are accompanying you step by step in each exercise, but if you want to check right away all the notions covered in the quest, you can watch the whole playlist [Web - HTML, CSS & DOM JS](https://www.youtube.com/playlist?list=PLHyAJ_GrRtf979iZZ1N3qYMfsPj9PCCrF).
> Your working environment may not be exactly the same as what you see in the videos or documentation, just try to adapt your work according to your research and discoveries.
> Don't be afraid to try!
### Instructions
Ready? Let's code!
>The first step to achieve in your quest is to craft the shape of your robot ; for that, 2 things needs to be done:
> The first step to achieve in your quest is to craft the shape of your robot ; for that, 2 things needs to be done:
>
> - Custumize the( [`<head>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head) tag)
> - Custumize the ([`<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) tag)
@ -51,7 +51,6 @@ Choose a power that you will give to your robot from the following list and put
- advanced-healing
- mind-link
#### The `<body>` part:
This section contains the content of your webpage , in our case the lower body of your buddy. Define the skeleton of your robot by organizing it into three main sections: the face, the upper body, and the lower body. Inside the <body> tag of your HTML file, create three divisions using <section> tags, and place the following text content inside each one: face, upper-body, lower-body.