https://github.com/danseethaler/html-formatting

https://github.com/danseethaler/html-formatting

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/danseethaler/html-formatting
• Owner: danseethaler
• Created: 2015-07-11T17:04:16.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-07-11T17:06:44.000Z (over 9 years ago)
• Last Synced: 2023-02-28T20:52:12.464Z (almost 2 years ago)
• Language: CSS
• Size: 176 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
html-layout

===========

Fork this repo then clone your fork onto your local machines. Inside each folder you'll find an image. That image contains the layout you need to build with HTML and CSS. The 'first' folder contains an index.html and a style.css file. In the other folders you'll need to add them yourself. *Your first step should be connecting your CSS sheet with your HTML sheet.

#### Learning Objectives (you will):

 * Understand the purpose of HTML

 * Understand the purpose of CSS

 * From scratch, be able to create a skeleton for their html and css page

 * Understand and be able to use the following HTML Elements 

    - p

    - footer

    - header

    - h1-h6

    - ul

    - li

    - div

 * Understand and be able to use the following CSS properties

    - id (#) vs class(.) and specificity

    - width px && %

    - height px && %

    - background-color

    - background-image

    - color

    - font-size

    - text-align: center;

    - line-height

    - float

    - clear

    - Box Model in CSS (margin, padding, border)