Welcome back to the yearlong Y2s! It's going to be awesome (I promise).
This lab has been created to refresh your memory and make sure you're still good in HTML, CSS and Git :P
Let's start!
First things first, fork this repo(sitory) and clone it to your desktop!
- Create a file "hello.html".
Open the 'hello.html' file using a browser (Like Chrome/Firefox), the page should be empty. - Make your page stand out!
To do that change it to be about a topic that you’re interested in,
your page should have the following (doesn’t have to be in order):
-- Add/change the title of your page
-- A body tag
-- A paragraph inside the body
-- An h1 tag inside the body
-- An h2 tag inside the body.
- Add an image.
In the same hello.html file, add an image related to the topic you wrote about. Set the width to 400px. - Add a link.
Add a link to the Wikipedia page about the animal or the topic you're interested in.
-
Use the Tag selector to change the background of your HTML page to your favorite color.
-
Use an ID selector to set a CSS property of one element on your page.
A property could be: font-size, border, color, etc... -
Use a class selector to set a CSS property of one element on your page.
Commit and push your changes.
To do that, remember you should:
git add .
git commit -m "added hello.html. I am a pro!"
git push
If you have finished and still have time, first of all GOOD JOB! - Secondly,
You can now customize your page as much as you want. If you remember our CSS Tips and Tricks from the summer you could do a lot of cool stuff (psstt... I love animations!)