02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

HTML Training: It's about Images

Breaking into HTML5 with my mom. In this session Learn about some of the new HTML Tags and explore many other tags.

Duration:

24:24

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

HTML Training: It's about Images Overview

What you'll learn

Learning HTML shouldn't be as hard and it isn't if you learn it in the right order... All you need is the right teacher and the right environment. Forget about the books and scathing your head searching online for answers to questions you don't even know how to ask yet. Join Ben's mom as he teaches her HTML. This is the easiest way into programing ever. This course isn't designed as a quick getting started course but designed as a easy intro into the world of programing. Ben our lead instructor grabs his mom and teaches her live in-front of your eyes how to work in HTML. IF your totally new start from the first course in the cluster by visiting our HTML Training Category Page.

In this forth session we break into images. A site without images is like a cat without fur... kinda ugly. By the end of this session you will know everything you need to know about how to work with images and how to integrate them into your site.

Overview of Working with Images

A site without an image is like a cat without fur... That's just sad. So let's add your pictures of your cat into your site and make the world a better place.

01:44

What are HTML Attributes

Tags can have attributes. The attributes help define extra information that isn't part of the default settings of a tag.

03:22

Working with The IMG Tag

By the end of this video you will know how to add new images.

02:16

Creating Alternative Text - The ALT Tag

alternative text for images enables us to create copy that helps search engines and visually impaired users understand the meaning of our images.

02:26

Defining HTML Image Width and Height

Although we don't recommend changing image sizes dynamically as it lowers the quality of your image or adds extra loading time that isn't needed lets talk about it a bit...

03:50

Loading Images in Different Folders

Paths are paths in a computer or in real life.

02:00

Calling images in Parent Folder

there is a way to approach images that are not in the same folder but are in a folder

02:04

Discovering Absulute HTML Paths

every thing on the web has an address.

02:33

Loading Images from other Servers

In this video we will take an example file form our site and use it and load it into our HTML document.

01:58

Outro

alternative text for images enables us to create copy that helps search engines and visually impaired users understand the meaning of our images.

02:11