HTML

HTML Courses

Front-end web design

Learn to create web pages with HTML and CSS

MVCode

Create a Portfolio

We'll learn to use HTML and CSS by creating a portfolio for your student page

MVCode

Pokedex Website

Make a pokedex website that will display imported data and an image from a spritesheet for a certain pokemon.

MVCode

Latest HTML Lessons

Fish Tank Challenge

Make your own fish tank!

Created by slinkous 5 months ago

Access Level: public

Account: MVCode

Side Scroll Adventure: The Alternate Ending

Convert your Sidescroller game to share with the world!

Created by slinkous 7 months ago

Access Level: premium

Account: MVCode

Pokedex Website using HTML and Javascript

This is the third lesson in creating a Pokedex Website. It will focus on using HTML elements to change the Javascript code.

Created by aaronjau101 over 1 year ago

Access Level: premium

Account: MVCode

Pokedex Website using P5JS and Spritesheets

This is the second lesson in creating a Pokedex Website. It will focus on using P5JS with the pokemon data to display a sprite and information for a certain pokemon.

Created by aaronjau101 over 1 year ago

Access Level: premium

Account: MVCode

Pokedex Website using JQuery with CSV files

Learn how to use JQuery to load data from a CSV file and then display it on a website

Created by aaronjau101 over 1 year ago

Access Level: premium

Account: MVCode

Spritesheets and Animations

Learn to add animated Sprites to your javascript repos

Created by jamie almost 2 years ago

Access Level: public

Account: MVCode

Putting Your Processingjs Games on an HTML Page

Take one of your processingjs repos and add them to an html page

Created by jamie about 2 years ago

Access Level: public

Account: MVCode

Embedding Scratch Projects on an HTML page

How to put your scratch games on a webpage

Created by jamie about 2 years ago

Access Level: premium

Account: MVCode

Personality Quiz

Make a personality quiz on a website to find out what kind of animal you are!

Created by slinkous about 2 years ago

Access Level: premium

Account: MVCode

Create a Gallery of your Projects

Practice your CSS by creating a project gallery of your JS and Scratch projects

Created by jamie about 2 years ago

Access Level: premium

Account: MVCode

Intro to CSS

Start with some basic CSS to add colors and formatting to your page

Created by jamie about 2 years ago

Access Level: premium

Account: MVCode

Intro to Web Design: Let's Make a Portfolio - HTML

In this lesson we will learn to use HTML tags by making a rough outline of our portfolio page

Created by jamie over 2 years ago

Access Level: premium

Account: MVCode

Databases: Virtual Pet

Learn to use a database to store persistent data in your projects

Created by jamie over 2 years ago

Access Level: public

Account: MVCode

Putting your Processing.js Games on a Web Page

Tutorial on structuring a web project and at the end putting a pjs game in it.

Created by t doggo over 2 years ago

Access Level: public

Account: MVCode

Under construction

Here's an easy way to get loads of points really quickly at MV Code Club in Greenbrae, California

Created by evan over 3 years ago

Access Level: premium

Account: MVCode

HTML Earth Day Webpage

Create a webpage informing people of the importance of the Earth day movement

Created by jamie about 4 years ago

Access Level: public

Account: MVCode

Front-end Web Design 5: CSS Navigation Bar

Learn some CSS features by creating an interactive navigation bar

Created by jamie over 4 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 4: Creating your own Layout

Create some standard website features and learn some helpful CSS techniques

Created by jamie over 4 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 3: CSS Layouts

Learn to position and format your pages the way you want them

Created by jamie over 4 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 2: CSS Selectors

Learn to make your webpages more interesting by adding color and interactivity

Created by jamie over 4 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 1: HTML

Build a simple webpage in html

Created by jamie over 4 years ago

Access Level: premium

Account: MVCode

HTML/CSS Custom Projects

A place to post screenshots for custom HTML/CSS projects

Created by aaron almost 5 years ago

Access Level: public

Account: MVCode

Hack Session - Hack with HTML - CSS3 Animation

Hack a website's HTML code by adding a super cool rainbow animation.

Created by matie almost 5 years ago

Access Level: public

Account: MVCode

Debug Session - Debug HTML with Chrome

Debug any website using Google Chrome's Inspect Element tool. Students will learn how to locally edit the HTML & CSS code live in the browser of any website. This is a good way to testing layouts and inspecting the code of a webpage.

Created by matie almost 5 years ago

Access Level: public

Account: MVCode

HTML5 CODE OFF

This is a challenge that has a student write as much HTML code as they can in 20 minutes. Each item is worth points!

Created by matie almost 5 years ago

Access Level: public

Account: MVCode

About HTML

For Teachers and Schools

Teach coding to your students with MVCode Teach

MVCode offers an integrated product designed to teach coding to students.

Learn more about MVCode Teach