In this new digital world you're gonna discover, it is possible to create beings with some lines of code. Yes, it is.
In this new digital world you're gonna discover, it is possible to create beings with some lines of code. Yes, it is.
@ -8,12 +8,14 @@ During this quest, step by step, you are going to shape it.
But before coding anything, make sure you checked the videos of the playlist; you need to have a server running on your computer.
But before coding anything, make sure you checked the videos of the playlist; you need to have a server running on your computer.
For the whole quest, the principle is to iterate over your code: when you finish an exercise, copy-paste your code to use it in the next one.
For the whole quest, the principle is to iterate over your code: when you finish an exercise, copy-paste your code to use it in the next one.
Naming of the files:
### Files naming
- for the HTML files: `name-of-the-exercise.html`
- for the HTML files: `name-of-the-exercise.html`
- for the CSS files: when you have to link one, you can manage it as you prefer, but for clarity we suggest you to create a CSS file for each HTML file, named like so: `name-of-the-exercise.css`
- for the CSS files: when you have to link one, you can manage it as you prefer, but for clarity we suggest you to create a CSS file for each HTML file, named like so: `name-of-the-exercise.css`
- for the JS files, when you have to link one, you can manage it as you prefer, but for clarity we suggest you to create a JS file for each HTML file, named like so: `name-of-the-exercise.js`
- for the JS files, when you have to link one, you can manage it as you prefer, but for clarity we suggest you to create a JS file for each HTML file, named like so: `name-of-the-exercise.js`
### Instructions
Ready? Let's code!
Ready? Let's code!
The first step to achieve in your quest is to conceive your being ; for that, 2 things have to be done:
The first step to achieve in your quest is to conceive your being ; for that, 2 things have to be done:
@ -37,6 +39,16 @@ Inside the `<body>` tag of your HTML file, create 3 divisions using `<section>`
If you open you HTML file in the browser, you should see those 3 texts appear on the screen.
If you open you HTML file in the browser, you should see those 3 texts appear on the screen.
### Code examples
Create a `div` tag with `hello` as text content inside the `body`:
