HTML

HTML Courses

Front-end web design

Learn to create web pages with HTML and CSS

MVCode Clubs

Create a Portfolio

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

MVCode Clubs

Card Games

Create a digital version of a deck for your favorite card game!

MVCode Clubs

Pokedex Website

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

MVCode Clubs

Latest HTML Lessons

Card Games - Upload your deck

use pictures to upload a deck of cards to the program

Created by jake wheaton 11 months ago

Access Level: premium

Account: MVCode Clubs

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 11 months ago

Access Level: premium

Account: MVCode Clubs

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 12 months ago

Access Level: premium

Account: MVCode Clubs

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 12 months ago

Access Level: premium

Account: MVCode Clubs

Spritesheets and Animations

Learn to add animated Sprites to your javascript repos

Created by jamie about 1 year ago

Access Level: public

Account: MVCode Clubs

Putting Your Processingjs Games on an HTML Page

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

Created by jamie over 1 year ago

Access Level: public

Account: MVCode Clubs

Embedding Scratch Projects on an HTML page

How to put your scratch games on a webpage

Created by jamie over 1 year ago

Access Level: premium

Account: MVCode Clubs

Personality Quiz

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

Created by slinkous over 1 year ago

Access Level: premium

Account: MVCode Clubs

Create a Gallery of your Projects

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

Created by jamie over 1 year ago

Access Level: premium

Account: MVCode Clubs

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 1 year ago

Access Level: premium

Account: MVCode Clubs

Databases: Virtual Pet

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

Created by jamie over 1 year ago

Access Level: public

Account: MVCode Clubs

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 about 2 years ago

Access Level: public

Account: MVCode Clubs

Under construction

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

Created by evan almost 3 years ago

Access Level: premium

Account: MVCode Clubs

HTML Earth Day Webpage

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

Created by jamie over 3 years ago

Access Level: public

Account: MVCode Clubs

Front-end Web Design 5: CSS Navigation Bar

Learn some CSS features by creating an interactive navigation bar

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 4: Creating your own Layout

Create some standard website features and learn some helpful CSS techniques

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 3: CSS Layouts

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

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 2: CSS Selectors

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

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 1: HTML

Build a simple webpage in html

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

HTML/CSS Custom Projects

A place to post screenshots for custom HTML/CSS projects

Created by aaron about 4 years ago

Access Level: public

Account: MVCode Clubs

Hack Session - Hack with HTML - CSS3 Animation

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

Created by matie about 4 years ago

Access Level: public

Account: MVCode Clubs

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 about 4 years ago

Access Level: public

Account: MVCode Clubs

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 about 4 years ago

Access Level: public

Account: MVCode Clubs

Build an image gallery - Part 1

In part 1, we setup the HTML.

Created by matie about 4 years ago

Access Level: public

Account: MVCode Clubs

Add a Favicon

Add a Favicon to your website

Created by matie over 4 years ago

Access Level: public

Account: MVCode Clubs

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