Overview of Working with Images
The topics we will cover in this section are:
- Attributes: what are they and how to work with them in HTML
- Relationships: 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.
- 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.
- Image Properties/Attributes: 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.
- Relative Paths: 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.
- Absolute Paths: Just like in the real world you can talk about others without actually knowing them or "owning" them.
By the end of this session you will know everything you need to know to really be an image freak in HTML at least.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!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