public/subjects/DPxAI/call-it
Oumaimafisaoui ed9afe7f20 test(DPxAI:Quest00/Ex01): Fixing the naming in test to be snake_case and changing the folders names to be in kebab-case 2024-07-23 10:16:38 +01:00
..
README.md test(DPxAI:Quest00/Ex01): Fixing the naming in test to be snake_case and changing the folders names to be in kebab-case 2024-07-23 10:16:38 +01:00

README.md

Call it

Brainpower mode

Context

Congrats! You created the very first base for your entity and you witnessed its appearance in the Digital World - your browser.. However, it is still a tiny seed of the marvelous thing it could become. Be patient; there's still a bit of work to do.

Directions

First of all, instead of writing down what things are (you're not writing down on your hand the word 'hand', are you?), we're going to identify them semantically with the very practical [id attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attri butes/id). This id has to be a unique identifier on your webpage, allowing you to target your element when needed. You can compare it to your name and surname; this is what identifies you to other people, and if someone's calling you by your name, you answer.

Instructions

So let's identify the 3 elements we have so far: in each section, remove the text content from inside the tag and set it as the value of the id attribute of the corresponding section text.

Run your code in the editor preview:
you don't see anything? Don't freak out!
Inspect the HTML that has been created with your browser inspector tool, and if you done it correctly, you should see the 3 sections inside the body with the id attribute set in your HTML structure.

Code examples

To set the id of a div tag to "my-lil-div":

<div id="my-lil-div"></div>

Notions