The Basics

The Basics

  • Slides
  • Videos
  • Challenges
  • Blog

›Layout

The Basics

  • Course Introduction

Intro to HTML

  • First Steps in HTML
  • HTML Syntax
  • HTML Tags In Action
  • The Paragraph Tag
  • Heading Tags
  • Strong & Italic Tags
  • Line Break & Horizontal Rule
  • Link Tags
  • Link & Attribute Review
  • Attributes
  • Image Tags
  • List Tags
  • Review
  • HTML Tags Challenge
  • Advanced Challenge
  • HTML Resources & Extras

Intro to CSS

  • CSS Syntax & The Style Tag
  • Breaking down CSS Rule Syntax
  • CSS Color
  • CSS Background Color

Layout

  • Layout Overview
  • Creating a Layout - Non Semantic

HTML Structure

  • The HTML Tag

CSS Flebox

  • Essential Tools for Web Developers

Responsive Design

  • Essential Tools for Web Developers

Review & Final Project

  • Essential Tools for Web Developers

Creating a Layout - Non Semantic

Getting used to creating layout using DIVs in HTML & CSS

The Basics: Creating a Layout - Non Semantic

Link to Lesson Slide Deck

Codepen Lesson

Video Walkthrough

Brief YouTube clip of the lesson.

Audio Walkthrough

Brief podcast episode of the lesson.

Podcast Link

Helpful Links

  • Link
← Layout OverviewThe HTML Tag →
  • The Basics: Creating a Layout - Non Semantic
    • Codepen Lesson
    • Video Walkthrough
    • Audio Walkthrough
    • Helpful Links
The Basics
Lennyroy Codes
Intro to HTMLIntro to CSSLayoutHTML StructureCSS FlexboxResponsive DesignReview & Final Project
Features
Slide LibraryVideo LibraryChallengesBlog
Learn More
GitHubTwitterLinkedInPortfolioStar
Buy me a coffee!Buy me a coffee!
Copyright © 2019 Lennyroy Codes