How to use Marquee and IFrame tags in Html

Web Artificer

In this tutorial it is shown how we can use marquee and iframe tags in html m

Transcript

00:00In today's video, we will learn about iframes and marquee.

00:04You must have seen these two things on your website.

00:08But you may have noticed or not.

00:11But let's see what is iframes actually.

00:16And then we will see what is marquee type.

00:20What is the usage of it.

00:22And how we can use it in document.

00:27So let's go.

00:29First of all, let's see what is marquee type.

00:32What is marquee type actually?

00:35You must have seen it on any website.

00:38There will be a line.

00:40There will be a line written from below.

00:43Slide from below.

00:46Slide from the right side and go inside the left side.

00:49And then exit from the right side and go inside.

00:52This is the method of continue.

00:55Sometimes below and sometimes above.

00:58So actually that line is marquee type.

01:01Now let's give it a text.

01:04Random day.

01:07Okay.

01:22So let's refresh it.

01:25So as you can see now.

01:28This is our marquee tag.

01:32As expected.

01:35So let's see some more things in it.

01:40Let's see its behavior.

01:43What is behavior actually?

01:46Now as we have seen its behavior.

01:49It exits from the right side.

01:51It vanishes from the left side and exits from the right side again.

01:55This is its scroll behavior.

01:58Which is its default use.

02:01Then there is a slide behavior.

02:04What does the slide behavior do?

02:06Exits from the right side.

02:08Goes to the left side and stops.

02:10Nothing happens after that.

02:13Let's check the slide behavior.

02:21So as we have seen that the slide behavior.

02:26It exits from the right side.

02:29Goes to the left side and stops.

02:33Okay.

02:41So as you can see that our slide is here.

02:46Now its third behavior.

02:53Let's see it.

02:55That is alternate.

02:58Alternate.

03:00What will it do?

03:03That it will exit from the right side.

03:06It will touch the left side and go back to the right side.

03:10And it will move like a bouncing ball.

03:16It takes a lot of time.

03:18So let's use another attribute of it.

03:21That attribute is its scroll amount.

03:24What does scroll amount do?

03:27It increases the speed of the mouse.

03:30For example, we set its speed to 100.

03:34100 means that it will move at a speed of 100 pixels.

03:43So as you can see that our mouse is moving like this.

03:53So let's finish the scroll amount.

03:56And let's finish the alternate and understand the direction.

04:00We can use four directions in this.

04:04First of all, we can add a director.

04:12Under VH.

04:14VH.

04:15VW sorry.

04:16VW means Viewport Width.

04:19We have to cover the entire screen.

04:26Height.

04:29Height also tells us that under Viewport Height.

04:33We have to give a complete height.

04:37And you have to use it.

04:40Purpose.

04:42So we give it a direction.

04:44RQ.

04:49So let's see.

04:51You can check this direction from the bottom to the top.

04:57Let's give it a scroll amount.

05:05Now it is coming to us from top to bottom.

05:08And from left to right.

05:11From left to right.

05:15As we have seen before.

05:18And.

05:24Let's see from the right.

05:27So it will start coming from this side to the right.

05:32So this was our Marquee Tool.

05:35So let's see our next tag which was iFriend.

05:44Let's see.

06:03For example.

06:04YouTube.

06:08Channel.

06:09Gentle Memory Channel.

06:11So.

06:12We want to display this YouTube channel in our website.

06:17So for this we use.

06:19iFriend's Tag.

06:21iFriend's Tag tells us.

06:23In this.

06:24He is asking us.

06:26Link.

06:27And a Frame Award.

06:31First of all, we see the link.

06:33We put a link in the link.

06:35And.

06:37To our screen.

06:41Let's see.

06:44Because of some problems.

06:46It is not giving permission.

06:48That.

06:49We put the other page in this page.

06:52Because of showing.

06:54I think Copyright has come.

06:56Because of Copyright issues.

06:59Maybe one website.

07:01To display in another website.

07:03Maybe restrictions.

07:05So this was our topic today.

07:08We have lots of tags for iFriend's Community.

07:11That's their name.

07:12Like I said.

07:13Let's discuss again.

07:14Thank you so much for watching.

07:16I hope to see you soon.

Category

Transcript

Be the first to comment

Recommended