Sample HTML and CSS Submission Form

JavaScript isn't enabled in your browser, so this file can't be opened. Enable and reload.

Student ID *

First Name *

Last Name *

Khan Academy

Check off the items you have completed.

Intro to HTML

Welcome to the web!

HTML basics

Quick tip: HTML tags

Challenge: Write a Poem

HTML: Text emphasis

Challenge: You can learn text tags

HTML: Lists

Challenge: Your learning list

HTML: Images

Challenge: A picture-perfect trip

Intro to CSS

CSS Basics

Quick tip: Selecting by tag name

Challenge: Colorful creature

CSS: Selecting by id

Challenge: Seasonal ids

CSS: Selecting by class

Challenge: Apples and bananas classes

Quiz: Simple CSS selectorsPractice

Project: Travel webpage

More HTML tags

HTML links

Challenge: Links you love

HTML internal links

Challenge: Jump around

HTML tables

Challenge: The dinner table

HTML comments

Project: Recipe book

CSS text properties

CSS Zen Garden

CSS font-family property

Challenge: Fancy font families

CSS font-size property

Challenge: Great big font sizes

CSS font styles and shorthand

Challenge: Famous font formats

More CSS text properties

Quiz: text propertiesPractice

CSS inheritance

Project: Blog

Web development tools

Developing webpages outside of Khan Academy

Using the browser developer tools

CSS layout

CSS grouping elements

Challenge: Group the groupers

CSS width, height, and overflow

The overflowing ocean

CSS box model

Challenge: The boxer model

CSS position

Challenge: Position planet

CSS in the wild: Google Maps

CSS floating elements

Challenge: Floating clouds

Quiz: CSS LayoutPractice

Planning your webpage

Project: Event invite

More CSS selectors

Using multiple CSS classes

Challenge: A classy gallery

Combining CSS class and element selectors

Challenge: Classes of elements

CSS descendant selectors

Challenge: Descendants of Khan

Grouping CSS selectors

CSS dynamic pseudo-classes

Challenge: Grouped animals

CSS specificity

Quiz: CSS specificityPractice

Other ways to embed CSS

Using inline CSS styles

Using external stylesheets

Further learning

Webpage design

HTML validation

Quiz: Validate this HTMLPractice

What to learn next

Codecademy

Check off the items you have completed.

HTML Elements and Structure

Introduction to HTML

Common Elements

HTML Tables

Tables

Selectors and Visual Rules

CSS Setup and Selectors

CSS Visual Rules

The Box Model

Changing the Box Model

CSS Display and Positioning

Color

CSS Color

Typography

CSS Typography

CSS Grid

CSS Grid Essentials

Advanced CSS Grid

Site Structure

A Closer Look at CSS

Boundaries and Space

Building with Bootstrap

FreeCodeCamp

Enter the number of challenges found in the top right corner of the page

Starting # of challenges completed:

Ending # of challenges completed:

YouTube

Check off the items you have completed.

Video Playlist

Bootcamp.0.1 - C9 Walkthrough - The File Tree, Text Editor, and Command Line with length: 3:03

Bootcamp.0.2 - Terminal History and Touch a New File with length: 4:38

Bootcamp.0.3 - The Terminology Takedown and Making New Directories with length: 3:47

Bootcamp.0.4 - Navigating With the Command Line with length: 6:58

Bootcamp.1.0 - Intro to HTML with length: 11:20

Bootcamp.1.1 - Head Tags, Body Tags, and Our First CSS with length: 8:00

Bootcamp.1.2 - CSS Rules and Initial Styling with length: 6:40

Bootcamp.1.3 - CSS Classes and Divs with length: 8:12

Bootcamp.1.4 - Border, Margin, Padding, and the Box Model with length: 9:04

Bootcamp.1.5 - Color Theory, Hex Codes, and RGBA with length: 8:27

Bootcamp.2.0 - Google Mondrian Walkthrough with length: 8:37

Bootcamp.2.1 - Google Mondrian Canvas Setup with length: 9:09

Bootcamp.2.2 - Google Mondrian Divception with length: 6:02

Bootcamp.2.3 - Google Mondrian Colors and Dividers with length: 11:34

Bootcamp.2.4 - Google Mondrian Left Column and Middle Divider with length: 6:19

Bootcamp.2.5 - Google Mondrian Wrapup with length: 4:15

Bootcamp.3.0 - Silly Animals Refactor Starting with Images with length: 7:08

Bootcamp.3.1 - Silly Animals Material Design Color Theme with length: 9:04

Bootcamp.3.2 - Silly Animals Presenting Content in a Container Div with length: 11:02

Bootcamp.3.3 - Silly Animals Picture Holder Divs and Captions with length: 6:32

Bootcamp.3.4 - Silly Animals Block, Inline, and Inline Block Displays with length: 8:03

Bootcamp.3.5 - Silly Animals First Card Styles with length: 11:15

Bootcamp.3.6 - Silly Animals Cards Refactor Part 2 with length: 6:53

Bootcamp.3.7 - Silly Animals Card Refactor Part 3 with length: 9:20

Bootcamp.3.8 - Silly Animals Card Refactor Wrapup with length: 11:39

Bootcamp.4.0 - Silly Animals Header and Logo Update with length: 7:02

Bootcamp.4.1 - Silly Animals Absolute, Relative, and Fixed Positioning with length: 12:09

Bootcamp.4.2 - Silly Animals Navigation and Fixed Positioning with length: 8:13

Bootcamp.4.3 - Navigation Styles and Pseudo Selectors with length: 7:58

Bootcamp.4.4 - Silly Animals Box Shadow and Project Wrap up with length: 9:04

Bootcamp.4.5 - Silly Animals Github Repository and Git Commands with length: 8:03

Bootcamp 5.0 - Intro to Bootstrap and Front-End Frameworks with length: 11:04

Bootcamp.5.1 - Bootstrap Grid System and Documentation with length: 9:12

Bootcamp.5.2 - Bootstrap Typography and Navbar with length: 8:06

Bootcamp.5.3 - Bootstrap Navbar and CSS Classes with length: 9:08

Bootcamp.5.4 - Bootstrap Navbar Styles Update with length: 12:08

Bootcamp.5.5 - Bootstrap JavaScript and Functionality with length: 9:37

Bootcamp.5.6 - Bootstrap Buttons with length: 7:31

Bootcamp.5.7 - Bootstrap Typography and Jumbotrons with length: 8:23

Bootcamp.5.8 - Bootstrap Cards and Card Decks with length: 16:32

Bootcamp.5.9 - Bootstrap and Font Awesome Icons with length: 11:50

Static vs. Dynamic Websites with length: 1:05

Reading and Summaries

Check off the items you have completed.

Github Readings

01-intro-to-html.md

01-intro-to-css.md

02-links-and-images.md

02-ids-and-classes.md

03-box-model.md

03-using-google-fonts.md

Other:

Codepen Interactive Summaries

Parts of an HTML Element

Display Block vs. Inline

The Box Model

CSS Positioning

Other:

Assessments

If you completed an assessment this class, fill out the information below

Enter the name of the assessment here:

Enter the github or codepen link for the assessment here:

Submit

Clear form

Never submit passwords through Google Forms.

This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy

Forms