Intro to Web Design
Sign In
Sign In
Reset Password
Register
  • Home
  • Lecture Sections
  • About
Free
Intro to CSS Layout
Justin Hoffman
112

Description

Course Overview

Previously we have learned about the following html tags:

  • <a> = link tag
  • <img> = image tag
  • <p> = paragraph tag
  • <h1> = heading 1 tag
  • <body> = body of our page

During this chapter we will begin to build layout elements and manage basic positioning. When interfacing with CSS, web layout can be organized into blocks of code.  The blocks of code are often called classes.  A class does not hold value an initial value, rather a specific value assigned to each class.

A class is like a glass of water.  The glass of water is transparent and does not hold specific taste properties.  If a barista is trying to change the water into a sweet green drink, the barista will add green food coloring and sugar.  Then the barista will give the glass of water a new title like Green River.

Similar to the barista mentioned above, a web designer can update, modify and create new containers of code to fit layout specifications.

Lesson Expectations

  • Understand Div and SpanTags
  • Differentiate between a block and inline element
  • Add classes to html tags
  • Incorporating float, clear, and clearfix
  • Upload your Homework assignment within Moodle.
Take This Course

Students

Lessons

Free

CSS Style Structures

Free

Div Tag + Html Tag

Free

Span Tag

Free

Inline vs Block Element

Questions

  • Seems like a redundancy?
  • Why don't we just add the color in the html file?

Take a course to view this content

All Courses

Free
The Internet’s History
Justin Hoffman
292
Free
Intro to the Text Editor
Justin Hoffman
266
Free
Intro to Html
Justin Hoffman
196
Free
Navigate the File Paths
Justin Hoffman
143
Free
Homework: Linking Pages
Justin Hoffman
179
Free
Design Styles
Justin Hoffman
136
Free
Intro to CSS
Justin Hoffman
135
Free
Linking CSS + Html
Justin Hoffman
91
Free
Intro to CSS Layout
Justin Hoffman
112
Free
Moving Elements
Justin Hoffman
57
Free
HTML 5
Justin Hoffman
46
Free
Navigation Elements
Justin Hoffman
34
Code Berkeley @ Berkeley City College © 2025
  • Home
  • Lecture Sections
  • About
UA-59942975-3