HTML Tutorial for Beginners - 07 - Adding a image to a web page

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

In this video we go over adding a image to a web page.

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

Комментарии

Just a heads up for anyone that might be having issues with getting the image to load, along with all the trouble shooting mentioned here already, another key detail is to make sure that the picture you are linking to within the folder is names "Image" and is a ".jpg" file type, otherwise it will fail to load it. Alternatively you can just copy the name of the picture you're trying to link and paste it in the img src section of the code.

zathras

Something I learnt while doing this that the code can be used in many ways e.g <a href=“(website name)”> <img src=“image.jpg”> </a> will make it so that if you click the photo it goes to a new web page

idontmakevideossubscribe

My friends, all the tutorial makers don't shown all the details . i can do for you my best these are the tags for uploading an image without problems. <!DOCTYPE html>
<html>
<head>
edmond
</head>
<body>
<h1> test imazhi </h1>
<p> <img (17).png"> </p>?

<p> nothing </p>

</body>
Details:-- to make the location of an image you need to do this way 1) open file explorer . 2) Pictures. 3) screenshots. 4) then right click on the images and again left click to the propertis . you than seen TYPE of file example (that seys screenshot (17) .png thanks for the likes

edmondkendella

Oh my goodness I have to tell you guys this one. I thought I had everything right and ready to go to practice this. I typed out the code exactly as this tutorial said to do, added the image code, and I open up the browser only to find that the image did not show up. After hours of trying to figure out what the issue was, I realized that I saved the wrong html file in the folder that my image was in. I saved the skeleton for html instead of the image one.

Folks if you're having trouble, might wanna check and make sure you saved the right one in that folder.

PatriciaPrice

The best thing u r n't talkative u teach us in short very nice way
Thanks

bensufiany

for those that their images don't show remember that it has to have the same name and file type in the " "

itocc

very easy to understand, highly recommended for all new html and web development learners.

ZJSports

Ok, so I am half way trough your CSS tutorials and I had to come back here because my img wasn't getting displayed.
I've tried everything, literally. So I had to work outside of logic - my file type is .jpeg but it didn't work until I changed the code to .jpg (despite file STILL being .jpeg).
Can anyone explain why this happened?

goodexample

ej i added an image to my html buh its nos showing y

drexyrn

For everyone who gets a small image icon instead of your image this is what you do, in the folder where you saved the image you look for the name of the image you downloaded, and use that instead of Image.jpg, it may be download.jpg for example.

saltgamer

Hi Ej I get trouble adding an image to the web site. pliz help

amosarcher

I tried to do this and it doesnt work on chrome.

anrriveradxndsigamer

In this my image is not opening don't know I write that text only which you don't in the video but when I'm going to try this I'm getting that output what shoud I do

jeeyachopra

OK, I am not sure where to get the fish image?

tammyjolly

For those of you for whom it's not working, I believe you can also just upload your image to any site that allows images to be uploaded online, such as tinypic.com, and then just copy the provided URL into the <img srs="xxx"> spot

IvanMana

picture is not loading up can you tell me why?

d-o-double-g

I used the file path for my image (shift+right click copy as path--short cut to get file path for anything) and when I used it, it worked. I am simply wondering why some things from ur video doesn't work the way you show us. It works some other way but not the way it works for you.Therefore it is difficult for me to take the concept as it from you but overall good tutorial videos

ammarsadeq

I am having a challenge when it comes to rendering the image. What could I possibly be doing wrong?

edwinoloo

So I still had issues having an image show up, so what i did instead is use a url. As such the code would be <img src="url">, where the picture url would replace "url".

MrConquer

I can see on my html where the image is supposed to be but it just displays a tiny box with something in it

opgiraffe

HTML Tutorial for Beginners - 07 - Adding a image to a web page

HTML Tutorial for Beginners: HTML Crash Course

HTML Tutorial for Beginners

HTML in 5 minutes

Learn HTML in 1 hour 🌎

Learn HTML – Full Tutorial for Beginners (2022)

HTML Tutorial for Beginners | Complete HTML with Notes & Code

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

HTML Tutorial - Website Crash Course for Beginners

Day 08 🔥 - Hover to reveal cool animation with full code #css #html #js #coding #frontend #software...

HTML Tutorial - How to Make a Super Simple Website

HTML Tutorial for Beginners

HTML Crash Course For Absolute Beginners

Mastering HTML Basics and Beyond | Your Ultimate Guide to Begin Web Development 💻 in Tamil | EMC

HTML Tutorial For Beginners 2023 | Learn HTML In 5 Hours | HTML Full Course | Simplilearn

Learn HTML for Beginners - W3Schools.com

HTML Full Course - Build a Website Tutorial

HTML Tutorial: What Is HTML?

Learn HTML in 12 Minutes

HTML & CSS Full Course for free 🌎

Learn HTML & CSS – Full Course for Beginners

HTML Tutorial For Beginners | Learn HTML In 30 Minutes | Designing A Web Page Using HTML | Edureka

HTML Tutorial For Beginners In Hindi (With Notes) 🔥

Insert image in HTML | Html Image Tag #html

HTML in 100 Seconds