HTML Images

Prerequisites:
You should already be familiar with HTML basics. If not, check out my Dive into HTML and CSS workbook resource for a primer. It's assumed that students have an understanding of managing files and folders. You will need access to a text editor on your PC – Notepad is fine, but Notepad++ is recommended.

Objective(s):
LO1 – To learn how to add local and remote images to web pages in HTML

Outcome(s):
– Understand the different between local and remote images
– Insert local images
– Recognise broken images
– Use the alt attribute
– Resize images using the width & height attributes
– Insert remote images
– Embed remote images

Description:
Teach the students how to correctly embed both local and remote images this fun and informative HTML Images workbook. Students will learn how to insert their own images from scratch in using HTML. , although any text editor can be used. The workbook is beautifully designed and easy to follow, with clear and simple step-by-step examples to get each section working.

Included files:
[Assets.zip]
– HTML 5 Template
– Images of animals
[Workbook.zip]
– Workbook (PDF)
– Workbook (Word)
– Workbook (Pages)


© 2017 Pythonista 🐍