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

Overview of Working with Images

<p>The topics we will cover in this section are:</p> <ul> <li><b>Attributes:</b> what are they and how to work with them in HTML</li> <li><b>Relationships:</b> Just like in the real life we think we are free but we belong to others. If its to our government that want's our money, our family that wants our love or our time that our bosses kind of own... In this video we understand how this idea of relationships work in HTML.</li> <li><b>Images:</b>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.</li> <li><b>Image Properties/Attributes:</b> Remember we talked about relationship so this is one type of relationship. The Attributes of images belong to the image and enable us to change the way images work by default.</li> <li><b>Relative Paths:</b> We don't mean how you can get to your ants house... Actually its exactly what we mean. Paths are paths in a computer or in real life. your relationship with your ant is much better I bet then your relationship with someone you don't know.</li> <li><b>Absolute Paths:</b> Just like in the real world you can talk about others without actually knowing them or "owning" them.</li> </ul> <p>By the end of this session you will know everything you need to know to really be an image freak in HTML at least.</p>

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