The Basics

The Basics

  • Slides
  • Videos
  • Challenges
  • Blog

›Intro to HTML

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

Image Tags

Create an image tag with <img>

Open Slide

The Basics: Image Tags

Codepen Lesson

Find a correct image url Add an image of your choice Add a p tag underneath with a description of the image.

Open Codepen

Video Walkthrough

Learn more HTML tags.

View Youtube Video

Audio Walkthrough

Learn more HTML tags.

Listen to Podcast

← AttributesList Tags →
  • The Basics: Image Tags
    • Codepen Lesson
    • Video Walkthrough
    • Audio Walkthrough
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