GithubHelp home page GithubHelp logo

y2l-html-css-git-lab1920's Introduction

HTML, CSS & GIT Review - Lab (Yearlong 2019/20)

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!

HTML Section

  1. Create a file "hello.html".
    Open the 'hello.html' file using a browser (Like Chrome/Firefox), the page should be empty.

  2. 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.

  1. Add an image.
    In the same hello.html file, add an image related to the topic you wrote about. Set the width to 400px.

  2. Add a link.
    Add a link to the Wikipedia page about the animal or the topic you're interested in.

CSS Section

  1. Use the Tag selector to change the background of your HTML page to your favorite color.

  2. Use an ID selector to set a CSS property of one element on your page.
    A property could be: font-size, border, color, etc...

  3. Use a class selector to set a CSS property of one element on your page.


Git Section

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

Bonus Section

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!)

y2l-html-css-git-lab1920's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.