Category
✨
PeopleTranscript
00:00I will open it in the VS Code
00:05After I open it in the VS Code
00:10I will open it in index.html
00:15Then you will know that I will write structure
00:19I will write structure
00:22I have simply written structure
00:26I will write the title
00:30I will write the title
00:32Links & Images
00:35I will write the title
00:38If I will write them
00:40Firstly, we will learn about links
00:44And the other thing is about Images
00:48What is the other thing?
00:50Images
00:52These are the two things we are going to cover today
00:58First of all, what are the links?
01:00First of all, what are the links?
01:02What are the links?
01:04What are the links?
01:06What are the links?
01:08First of all, the links is a type of button
01:12You will play the button
01:14Are written about?"
01:16You are called Go To Youtube
01:18With this button
01:20As you can click on the second website
01:22You will go to the other website
01:24You will find out the links
01:30You will stick across the strengthen website
01:32You will cluck along the join welcome
01:34And trying to use ee当 you side
01:36means you have put a link
01:38If you have clicked on the link, you can use a link to create a link, so how do we create a link?
01:48We use a tag to create a link.
01:53Which tag do we use?
01:56A tag is the full form anchor tag.
02:03A tag is the anchor tag.
02:09When you write a link, you can click on the link.
02:16I have clicked on the link.
02:20You can see here that A has become a link.
02:24In HREF, there is an HREF name.
02:31In HREF, you can write a link.
02:38Like I said, YouTube.com.
02:40You can write a link in HREF.
02:44HREF means Hyper Reference.
02:47Hyper Reference means that you can click on the link.
02:52I have written a link in HREF.
02:54I have written a link in HREF.
02:55Go to YouTube.
02:59When you click on the link, where should you go?
03:04We will write HREF.
03:06First, I will open the website.
03:09Just open the link in HREF.
03:12You will see here.
03:16I will open the link to the link.
03:18This link will be clicked.
03:20You will copy and you will see it.
03:22You will see it.
03:26It is clear?
03:29Now, when I go to YouTube and click on YouTube, I will go to YouTube.
03:42This is the link. Links is the way to work.
03:48This is simple. Links have we got.
03:53Links. Basically, if you are telling someone or tell someone, you will say,
03:59there is a link 8.
04:01Which is used to go to one website from the other website.
04:08It is simple.
04:10I am not sure.
04:20Now, we have to check the link.
04:23There is another thing in the link.
04:26What is the target?
04:30So, first of all, the target is a problem to solve.
04:36We will see the problem.
04:38So, you will understand this.
04:41Now, the problem is that when I go to YouTube,
04:46you will see that it will change our website to YouTube.com.
04:52Now, the problem is that our website is not visible.
04:59This means that if someone comes to our website,
05:02and he clicks on this button,
05:05then our website is going.
05:07Now, if someone wants our website,
05:11then how can they get it?
05:12This is a problem.
05:14So, we have to do this.
05:15We have to do this.
05:16We have to do this.
05:17We have to do this.
05:18When we click on YouTube,
05:19I have to do this.
05:20So, when we click on YouTube,
05:21we will change our website to YouTube.
05:25And the user is not able to access our website again.
05:30So, we have to solve this problem.
05:33How will it solve?
05:35We will solve the problem.
05:36The problem will solve the problem.
05:37We will solve the problem with the attributes.
05:39We will put the target underscore blank.
05:42So, we also have to fill a problem.
05:44So, not to think that it should be solved.
05:46This will happen when we click on YouTube.
05:47It should be opened and open a new page at the other page.
05:49So, the other app is open.
05:51You will see that our website is also on YouTube.
05:54So, you will see that your user can go to YouTube.com and you can scroll the topic as well.
06:00I hope you will see that you will know what is an anchor tag,
06:05what is hyper reference and what is target.
06:10In the links, I will simplify you with two types of links, one is relative links and one is absolute links.
06:30Now, what is the difference between these two? I have written relative links and absolute links.
06:50On the other hand, absolute links to specify the full url of a webpage including the protocol like http//domainname.
07:04This is called absolute url. It is called absolute links.
07:14What is the absolute link?
07:18It is called absolute links.
07:28What is relative links? Relative links, on the other hand, provides the page part.
07:36This is your website.
07:42In your website, there is a about page.
07:46In your website, there is a contact us page.
07:50In your website, we call relative links.
07:56Okay?
07:58Now, how do you create relative links?
08:04You can create different files.
08:08I have created about.html and it is called structure.
08:12I have added h1 to about us page.
08:18I have added a tag.
08:20So, here's a tag.
08:22I have added a tag.
08:24And what I have added?
08:26I have added about.html.
08:28So, it will be created in the page.
08:30So, here's a tag.
08:32Next, I will be created about.html.
08:34So, here's a tag.
08:36So, here's a tag.
08:38After I click about, here's an article.
08:40Now, when I click about, here's a page.
08:42So, this is going to be the about us page.
08:50Which page is about us?
08:52We have created this folder about.html.
08:58So, you can create any pages within your website.
09:02We call it relative.
09:06Okay?
09:07What does absolute mean?
09:09We have created a link in the first 10 minutes.
09:19What are the links?
09:21And how to use it?
09:25Now, we have to look at images.
09:29We have covered the 4th chapter.
09:33We are covering the next chapter.
09:37We have to look at images.
09:39I will show you how many types of images are.
09:49There are 2 types of images.
09:51One is online.
09:53One is offline.
09:55One is offline.
09:57Okay?
09:59One is online.
10:01One is online.
10:03There is a URL.
10:05It is a internet.
10:07I have searched for images.
10:09I have searched for images.
10:11You can see it.
10:13I have searched for images.
10:15Now, I will show you how many types of images.
10:17I will see that the image is going to be done.
10:19and you can see that the image is gone and you can wait to load it because its quality is down
10:27and its quality is down
10:32I have right click and open image in new tab
10:40I have right click and open image in new tab
10:43so you can see the URL on top
10:47it is called online
10:50this is the online URL
10:53ok
10:56ok
10:58if I want to put an online image
11:01then I need to copy this link
11:04or right click copy image address
11:07right click copy image address
11:12now when you copy image address
11:14then the URL will be copied
11:16and which tag is used for image
11:20so you can see these two things
11:26one is SRC
11:28and the next thing is ALT
11:32SRC means source
11:34SRC means source
11:36and I have told you how many types of sources are
11:42there are two types of sources
11:44one is online and one is offline
11:46now I will go here
11:48and I have a
11:50and I will paste the URL
11:52and I will paste the URL
11:54ok
11:56ok
11:58ok
11:59now when I come to my output
12:01then you will see
12:02one image
12:03here
12:04I have put this image
12:06using
12:08img tag
12:14this is clear
12:16this is all
12:18ok
12:20now
12:22you will see
12:24ALT
12:26ALT
12:28ALT
12:30ALT
12:32ALT
12:34ALT
12:36ALT
12:38ALT
12:40ALT
12:41ALT
12:42ALT
12:43ALT
12:44ALT
12:46ALT
12:48ALT
12:50ALT
12:52ALT
12:53ALT
12:54ALT
12:55ALT
12:56ALT
12:57ALT
12:58ALT
12:59ALT
13:00ALT
13:01ALT
13:02ALT
13:03ALT
13:04ALT
13:05ALT
13:06ALT
13:07ALT
13:08ALT
13:09ALT
13:10ALT
13:11ALT
13:12ALT
13:13ALT
13:14ALT
13:16ALT
13:17ALT
13:18Yes, we can do it.
13:20Yes, we can do it.
13:22Yes, we can do it.
13:24Yes.
13:25So, if you don't get an image,
13:27then you can do an alternative work.
13:31Yes.
13:34Now, how do we put an online image?
13:39After online, we have another thing.
13:42Offline images.
13:45Offline images,
13:47you can save your image.
13:49Like I said,
13:51mountains picture.
13:54And you can put a good picture.
13:58Like I said,
14:03this image is good.
14:08What does it mean?
14:10Offline images,
14:12you can save your image.
14:16You can save your image.
14:17You can save your image.
14:18You can save it.
14:19You can save your image.
14:20That is called offline image.
14:23You can save the image as.
14:25And you can save the image.
14:27so i have saved images and selected a place where my folder is
14:34my folder is in this piece, in this piece, in this piece, in this piece, in teaching and in this piece of classic.
14:43so you select this folder.
14:48Here is the name of your image.
14:52I will delete this image as mountain.
14:57You can see mountains.jpg
15:01If I want to put this image,
15:05I will put img tag
15:09and it will be src
15:12and it will be mountains.jpg
15:17If I want to zoom out,
15:21there is an image?
15:23Yes, I am.
15:25This is simple.
15:27How do you put the image offline and online?
15:31Yes.
15:33But you will say something,
15:35this image is very big.
15:37If I want to control the size,
15:40what do I want to do?
15:42Size
15:45There are two ways
15:47which you can control the size.
15:49This image can also be in rectangle
15:53or square
15:55There are two ways
15:57width
15:59and height
16:01which you can control the size.
16:05Okay?
16:07Okay.
16:09Now, what I have done?
16:11I have given the width of a attribute.
16:15And I have given the width of 200.
16:17And when I go to output,
16:19how much width of the width?
16:21It will be small.
16:22It will be small.
16:23It will be 200.
16:24If I add it,
16:25it will be 600.
16:27So,
16:29you can see it is 600.
16:30It will be 600.
16:31Yes.
16:32These are all of the things of the images.
16:35This image,
16:36what we have seen,
16:37after it?
16:38Do tell me that the image can change.
16:39Is it clear that the image can change?
16:41You put it in front, in front of it, in front of it, in front of it, wherever you put it, it will go.
16:52It will go, it will go, it will go, it will go, it will go, it will go, it will go, it will go, it will go.
16:57Now we have another thing, height, I have taken height 200, so you can see height 200.
17:04The height is even bigger than that.
17:11It doesn't make height 100.
17:14If I go to height 100, this has been different.
17:17If I go to height 900, this will go up.
17:21It will go up to height 200.
17:25But if I go to height 100, it will be more proportionally.
17:32proportionally in the sense I will explain proportionally in the sense
17:41if one thing's width is 500 and one thing's height is 200
17:51this is clear
17:56if I add the width is 600
18:03what will I do?
18:04it will also be 300
18:06I will add the width also
18:09proportionally
18:13right?
18:15this is a simple thing
18:17in images
18:20width, height, src, alt
18:25links, href, anchor tag, absolute url, relative url
18:32these are all things
18:34in our links and images
18:38so
18:45you
18:47you