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

Working with The IMG Tag

<p><b>Attributes:</b> what are they and how to work with them in HTML.<p> <p><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.</p> <p>One of the most important things you need to notice at first is understand when something should be an attribute and when should it be a tag. The answer to this question for the most would be the answer to the question Does it belong to something or should it be in it. In our example a person doesn't belong to a car but is in it while a color of a car is part of the car and as such belongs to it.</p> <p>By the end of this video you will know how to add new 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. We will learn our first Attribute the <b>src</b> attribute and set inside of it the actual location of our image.</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