CodePen HTML Template - Search Videos

Make you first Website in HTML using Codepen!

In this tutorial, you will make your very first website in HTML using the website Codepen. We will dive right into it and make a simple website for our cat Molly by adding an image and some of her favorite foods. In the next videos, we will breakdown what we have coded and learn more about HTML. We will see most of the commonly used tags, learn ...

6.1K viewsMay 3, 2019

Top videos

25:25

Web coding basics 1 - HTML with Codepen

YouTubeGet on with IT

18.4K viewsApr 17, 2020

5:39

CodePen Environment | HTML, CSS, JavaScript Course for Beginners and Students | Tutorial Part 1

YouTubeDoctor J

12.2K viewsApr 30, 2023

17:36

Getting Started with CodePen: A Beginner’s Guide to CodePen

YouTubecolearnable

16.7K viewsJan 2, 2021

CodePen Challenges

7:22

How to Make An Object Follow an Animated Path Using GSAP, MotionPathPlugin - CodePenChallenge

YouTubeWael Yasmina

448 views10 months ago

7:01

How to Create A Deciphering Text Effect Using GSAP & SplitText Plugin - CodePen Challenge

YouTubeWael Yasmina

575 views10 months ago

4:44

How to Create a Path Following Text on Scroll Using GSAP & ScrollTrigger - CodePenChallenge

YouTubeWael Yasmina

608 views9 months ago

25:25

Find in video from 05:17Understanding HTML and CSS

Web coding basics 1 - HTML with Codepen

18.4K viewsApr 17, 2020

YouTubeGet on with IT

5:39

Find in video from 03:39HTML Environment Overview

CodePen Environment | HTML, CSS, JavaScript Course for Beginners a…

12.2K viewsApr 30, 2023

YouTubeDoctor J

17:36

Getting Started with CodePen: A Beginner’s Guide to CodePen

16.7K viewsJan 2, 2021

YouTubecolearnable

How to Create a Website Using ChatGPT and CodePen.io Tutorial: Step-by-Step Guide | ChatGPT

13:27

Find in video from 01:31Using ChatGPT to Create HTML and CSS Files

How to Create a Website Using ChatGPT and CodePen.io Tutorial…

34.9K viewsSep 20, 2024

YouTubeProfileTree

3:12

🚀 How to Run Your HTML Code in CodePen | Quick & Easy Tutorial

263 viewsApr 18, 2025

YouTubeTweve Tv

1:36

Explore CodePen for Website Development Templates and Inspi…

48K viewsJan 28, 2024

TikTokchanaka7a

13:13

Find in video from 05:11Basic HTML Setup

How to Use Codepen as an Online Editor

23.3K viewsMay 16, 2022

YouTubeThe Zuri Team

2:48:04

Build a responsive website with HTML, CSS, JS (Course)

23.4K views4 months ago

YouTubeCoder Coder

22:50

Learn to use CodePen from a co-founder of CodePen

129.9K viewsJul 19, 2018

YouTubefreeCodeCamp.org

25:49

An In-Depth Introduction to CodePen for Beginners (2016)

48.2K viewsApr 9, 2016

YouTubeTechStacker

3:21

7 Incredible Codepen Designs must checkout! | Html Css Javascript Ef…

11.6K viewsFeb 10, 2019

YouTubeBookMark Code

18:18

Learn to build a Simple Website Template with HTML & CSS

14.8K viewsFeb 28, 2019

YouTubeCode With Bubb

2:19

"🔥 CodePen Tutorial for Beginners (2024) | Build & Share Projects Lik…

546 viewsJan 8, 2025

YouTubeConnect and Code

16:09

Find in video from 00:43Setting Up the HTML Structure

How to Create a Vertical Timeline - HTML & CSS Tutorial

25K viewsJun 28, 2021

YouTubedcode

7:30

Embedding Codepen Effects in Wix

602 views8 months ago

YouTubeWix Fix

16:24

Top 6 HTML Features You’re Not Using (But Should Be)

68.6K views4 months ago

YouTubecamelCase

4:21

HTML & CSS for Absolute Beginners: Root folder & your firs…

32.1K viewsJan 10, 2025

YouTubeKevin Powell

14:54

Find in video from 00:38Setting Up HTML File

How To Make Live Code Editor Using HTML CSS And JavaScript …

80.2K viewsJan 18, 2023

YouTubeGreatStack

14:35

What Is Codepen?

21.9K viewsMar 23, 2018

YouTubeBen Akehurst

39:34

Find in video from 00:18What is a template literal and why use it?

JavaScript Template Literals: JSON to HTML

254.8K viewsDec 20, 2017

YouTubeLearnWebCode

5:56

Learn GRID-AREA to Build Amazing BENTO GRIDS | CSS Tutorial

89.1K viewsFeb 19, 2025

YouTubeCoding2GO

30:26

How To Build CodePen With React

169.3K viewsSep 19, 2020

YouTubeWeb Dev Simplified

34:51

Create A Responsive Portfolio Website Using HTML CSS and JS …

113.4K viewsAug 17, 2024

YouTubePro Coder

9:18

Find in video from 03:23Adding HTML and CSS

How To Use CodePen To Improve Your Skills

81.7K viewsMar 18, 2018

YouTubeiEatWebsites

41:24

Modern Calendar with Todo in HTML, CSS and JS Part 1 | JavaSc…

112.2K viewsNov 15, 2022

YouTubeOpen Source Coding

18:31

Find in video from 01:02Creating the Carousel HTML

How to Create a Carousel (Basic) - HTML, CSS & JavaScript Web Des…

71.3K viewsAug 12, 2021

YouTubedcode

3:58

How To Use CodePen in 2025 | Beginner CodePen Tutorial

5.4K viewsDec 5, 2023

YouTubeMathias Does Tech

2:36

How Do I Embed a CodePen Project on My Website? | Simple HTML St…

109 views8 months ago

YouTubeSimple HTML Studio

See more videos

Try Pro Website Templates Now | Trust the Best Website Builder
https://www.wix.com › templates › website-builder
SponsoredIntuitive Drag & Drop Tools, Designer Templates & 24/7 Support Ensure Your Site Will Stu…
Web hosting · Create, publish, grow · Get branding tools · Easily Customizable
Service catalog: App Market, SEO Wizard, Mailboxes, Blog, Online Stores

Top suggestions for CodePen HTML Template

Try Pro Website Templates Now | Trust the Best Website Builder