HTML5 and CSS3 Beginner Tutorial 5 - images

Показать описание

In this tutorial I show you how to add an image to your website and I also explain what attributes are. Social links:
-------------------------------------------------------------
Add me on twitter:

facebook group:
-------------------------------------------------------------

Рекомендации по теме

Комментарии

It's like reading a book, 5 videos and it gets better everytime. Thanks, Q!

workthentravel

till now these tutorials are superb, same content my slides cover, but more connected to the viewer!

apx_

Since some weeks i follow the courses of web designing i have to say that your videos really help me

Thanks alot

baro

i like how you teach very good and to the point but not boring or too fast

SavetheWorld

These are great videos- really helpful for beginners. Thanks!

deaddove-donoteat

AWESOME and very helpful video. Thanks

FaisalKhan-owuu

You're awesome brotha! Thank you very much!

zecxixo

Hi Quentin. Ty for the prompt reply. :) I had already made a folder called Images, in this file I put two photos of Mackenzie as well as the index html file. This is what I did in Notepad ++-[only part of the text]
<h1> Mackenzie </h1>
<body>
<img src="images/IMG 0544.jpg" /> [as per your instruction - did not have images in this line before]
Mackenzie was on the page - but not the photo of her which was resized to 64kb. Where would I put _ in the above - maybe that is what I am doing wrong. PS Tho I am a Computer Gran and I have learnt a lot from your lessons and I am enjoying the teaching. "Images" has me stumped. :)

nealabornman

Yes I do. Please visit my forum. The link is on My YouTube channel and the description to my videos. You will also be able to download the code I used as well.

QuentinWatt

If you want to see the HTML and CSS you can use Mozilla Firefox or Google chrome. Go to the web site you want to look at and right click then click inspect element. There is an example in Tutorial number 1 if you need to see it in a video.

QuentinWatt

hi my bro quentin i have aquestion do we have to memories all the codes in html and css and java scrpit and etc or we could have something like refrence to get any informations or any code
we want

MINDSETISEVERYTHING

Make sure your image is properly wrapped in <img src="(image url goes
here)"/> written without the ()colons. If you are doing this on a
website your url must direct to the image file there and on your
computer it has to be directed to the file name.

Photos must be downloaded to a file on a website. Also, the file MUST be properly labeled: Such as a .jpeg, .png, .mpeg, .mp4 and so on. Hope that helps everyone.

shawnritch

@BX
I tried to load a pic of doge, but it shows a pic of a mountain. I put the pic in the same folder as I put my saved data. But it still doesn't work. Is there a specific folder I have to put in besides my index?

fathermother

Do you have a website or place where I can download the images you are using in your tutorial. Thanks in advance.

waheed

Don't put spaces in your image name. Rename it to "saints_row_4"

QuentinWatt

Html image tag is <img src="example.jpg" alt="example.jpg"/>

jamesstansfield

hi sir! I just want to ask how can I make image slider using notepad++? your answer will be highly appreciated. thank you =)

markdavejumuad

I added the picture that I have a problem because the picture is not clear. It just shows that I added it. What is the problem exactly? and How can I fix? Can any one answer me please?
Thank you!

MoroccanInJapan

Hi There I followed the same process in this tutorial for inserting images, I am not able to see the image in chrome, firefox and Internet Exploere as well, Please someone guide me in this.

kennethdavecampilan

Ty for the reply. I still have to try your latest suggestion. Please send me a link to your forum. All your help is much appreciated.

nealabornman

HTML5 and CSS3 Beginner Tutorial 5 - images

HTML Tutorial for Beginners: HTML Crash Course

Free Course: Beginner Web Design using HTML5, CSS3 & Visual Studio Code

HTML & CSS Full Course for free 🌎

Learn HTML in 1 hour 🌎

Learn HTML & CSS – Full Course for Beginners

CSS in 5 minutes

HTML & CSS for Beginners | FREE MEGA COURSE (7+ Hours!)

CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours

Create this animated website using HTML CSS and JavaScript | Beginner's Guide Project

HTML5 and CSS3 Beginner Tutorial 1 - Introduction, + downloading the software

HTML Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours

HTML5 and CSS3 Beginner Tutorial 12 - External Style Sheets

HTML5 and CSS3 beginner tutorial 1 - Introduction

HTML5 and CSS3 beginner tutorial 20 - Classes and ID's

HTML5 and CSS3 beginner tutorial 12 - Introduction to CSS

HTML5 and CSS3 beginner tutorial 8 - Images

HTML5 and CSS3 beginners tutorial 41 - introduction to tables

HTML5 and CSS3 beginner tutorial 11 - Audio

HTML5 and CSS3 beginners tutorial 44 - introduction to forms

HTML Tutorial For Beginners |HTML In 10 Minutes | HTML Basics For Beginners | Simplilearn

HTML5 and CSS3 beginner tutorial 19 - Divs and Spans

HTML5 and CSS3 Beginner Tutorial 5 - images

HTML5 and CSS3 beginner tutorial 14 - CSS tips

HTML5 and CSS3 beginner tutorial 34 - Introduction to tables