Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

emitmeyer/html-layout

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.