9:00 AM

HTML Tags

Click HERE for an overview video of the activity.
Click HERE to make a copy of the Google Slides in your Google Drive account.
The URL will force a copy of the slide in your Google Drive account.
Stack the boxes vertically to create what YOU THINK would be a basic HTML page.
Don't cheat by looking at the answer!
You could also write your solution on paper instead of manipulating the boxes on the slide.
Click HERE for the solution as well as detailed directions to use this activity with your students to introduce HTML tags and structure.
If we were face-to-face, we would've used paper boxes to eliminate some screen time.
Complete the reflection form below.

Tag Tag Revolution

Click HERE for another offline hands-on, minds-on activity to review HTML tags and basic web design.
This is a fantastic activity to get the students up and moving with a kinesthetic way to learn about HTML.
Reflect on how you could integrate this activity with your students.

Erase All Kittens

Click HERE for the overview video of the activity.
Click HERE for E.A.K. and to create an account.
Play the levels of the game to learn basic HTML code through a game-based learning environment.
The purpose fo the game is to provide you with immediate feedback and an overview of HTML.

Basic Tools

Click HERE for a video overview of the activity.
The purpose of this activity is to introduce you to some basic tools we will use today to create HTML.
Open Notepad (PC) or TextEdit (Mac) on your computer. (You could also use Microsoft Word.)
You can also click HERE for an online HTML editor.
Open a new note or open the online editor.
Copy and paste the bold text below into the document.

<!doctype html>

<html>

<head>

<title>HTML Test</title>

</head>

<body>

<h1>HTML Test</h1>

<p>This website was created to test HTML code</p>

<h2>HTML Information</h2>

<p>We will be updating this resource throughout the day. Here are some activities to come:</p>

<p>1. Learning basic HTML codes.</p>

<p>2. Creating an about me website.</p>

<p>3. Integrating CSS code. </p>

<p>Let's start learning! <br/>

</body>

</html>

6. Save the file as YourNameHTMLTest and add .html as the extension.

7. Next, reopen the file to make sure you can view the code to edit.

8. Working on an online editor? Simply copy and paste your code into a word processing document or Google Doc and save it. Copy and paste the text back into the online editor to resume working. Keep updating the file to save your work.

7. Congratulations on successful completion of this activity!

Extra Practice & Fast Finishers

Google Sites

Report abuse