Elementary school html / css / javascript resources

Keeping your class engaged with fun and unique teaching resources is vital in helping them reach their potential. On Tes Resources we have a range of tried and tested materials created by teachers for teachers, from pre-K through to high school.

Breathe new life into your lesson plans with our elementary, middle school and high school classroom resources. Whether you’re looking for fun math worksheets or brand new guided reading activities, we have thousands of free and premium resources for you to download. From kindergarten to elementary you’ll find K-5 resources, including phonics worksheets and numeracy games. From middle school through to high school we have everything from Spanish lessons to algebra activities, as well as Common Core-aligned lessons and revision guides for tests.

Popular subjects

More
  1. Resources Home
  2. Elementary School
  3. Computing
  4. Algorithms and programming
  5. HTML / CSS / Javascript
JavaScript fantasy name generator

JavaScript fantasy name generator

Series of linked html files that allow students to either experience simple JavaScript functionality, or disassemble it or edit it for practice. Alternatively it could be used by the teacher as a demonstration, or broken down for students to rebuild.

By jsarnold

JavaScript Town Name Generator

JavaScript Town Name Generator

Simple website demonstrating how JavaScript can be used to generate random town names. This resource can either be given to students to disassemble and edit, or for the teacher to learn how JavaScript can be used in class to create a simple resource that students will enjoy.

By jsarnold

Weggo! Drag and drop HTML Editor: Tutorial 2

Weggo! Drag and drop HTML Editor: Tutorial 2

The second tutorial for the Weggo! HTML Editor introduces more text tags such as headlines and paragraphs (e.g. , , etc), which students use to begin adding more content to their web page. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!

By jllwton

Weggo! Drag and drop HTML Editor: Tutorial 1

Weggo! Drag and drop HTML Editor: Tutorial 1

Introduce your students to HTML using a drag and drop interface. Designed to be intuitive and colourful, students drag Lego-like 'tag' blocks onto the board to build up their page. Works on both mouse-based computers and touch-screen tablets. This resource includes "Tutorial 1" and "Teacher's Notes", both as printable PDFs. Tutorial 1 is an introduction to the Weggo! interface and a quick "Hello world" lesson. The Teacher's Notes provide an overview of Weggo's usage, system compatibility, limitations and pointers for each of the five tutorials. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!

By jllwton

Greenfoot Tutorial

Greenfoot Tutorial

Perfect tutorial for students to walk through and practice Greenfoot codes. This presentation has been designed to hit ALL the areas of the Greenfoot part of the WJEC Unit 3 exam. Handy "All you need to know" code section at the end to print out and give to students to revise from. This slide has a breakdown of the codes the students need to remember for the exam including: > Random Movement > Movement with arrow keys > Deletion on collision > Sound on collision > Counter

By whcsrmiddleditch

CSS Workbook 2

CSS Workbook 2

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the CSS 1 workbook that has been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS. This workbook focuses on some of the formatting that can be achieved from making use of CSS.

By beebusinessbee1

CSS Workbook 1

CSS Workbook 1

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the HTML workbooks that have been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS.

By beebusinessbee1

Introduction to HTML - KS2 Computing

Introduction to HTML - KS2 Computing

I tend use this lesson as an introduction to HTML before moving onto some of the amazing projects available on Code Club Projects. https://codeclubprojects.org/en-GB/webdev/ The worksheet introduces children to basic HTML using the following tags: Paragraph, Bold, Underline, Italic

By MrMTeach

Teaching HTML Resource Bundle

Teaching HTML Resource Bundle

This HTML resource bundle includes 3 sets of student workbooks, which students can follow, enabling them to develop an understanding of HTML coding and progressing with this knowledge. Students are encouraged to complete shorter development tasks, before applying their knowledge to produce their own website. This website will continually be developed in each of the workbooks, until it is a fully completed and working website. This is a great resource for students of all ages, who are learning about HTML programming.

By beebusinessbee1

HTML Student Workbook 3

HTML Student Workbook 3

This HTML workbook has been produced to help support students to develop their knowledge of the computer language HTML. This workbook follows on from the previous workbook that has been produced developing HTML skills. This workbook contains the final HTML tasks of the series which students can complete at their own pace, before containing an assessment piece at the end to assess if students have been able to consolidate the knowledge that has been imparted in this activity. The assessed task builds on that from previous lessons, enabling progress to be demonstrated. At the end of this activity students should now have a completed working website.

By beebusinessbee1