September 10, 2012

HTML Marquee Image Attribute

We start again in our Tutorial about Marquee in Html, are you trying to put your content with images using Marquee attribute? of course we do and styling our website and blinking in our eyes. So we take a little break just stay there and listen in our Tutorial.

So as what I told you about <Marquee> tag  if we put this attribute it is start with <Marquee> and end of </Marquee> right? 

Mmmmh someone not getting follow in my first tutorial in Marquee you must go here first.
So we make now our sample and we are going to use our picture above: First example

I'm going to use a server link from the third party link but I know you get it now what is means of Server link and Local link,

Server link that is a third party link by using other website URL link that we get from them about the path of their files and Local link it is the path inside of your computer location of  images or all your files.

========================================================================
Write down in our notepad.

<MARQUEE>
This is our images<IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1sCr0UAH-8tjWSmGMb-idgNwPQbbE1ita4Ubz3T1dO8pQU4gen553yAKyhEiuVvTznUoimYQCE2UBwsDHiqDKZb_RPjwLD1o3JWFSpSluyi4TmTioFgCg_j5pAMBVjREva_9XPBvAUE/s320/Marquee+sample.jpg" >
</MARQUEE>


In our browser looks like this.
This is our images
========================================================================


Second example: why we tried an ALT or TITLE attribute? if we put our mouse in our images that we know what images for what? Must be like this <MARQUEE> <IMG SRC =" " ALT=" like this"> </MARQUEE>
<MARQUEE> <IMG SRC =" " TITLE=" like this"> </MARQUEE>

Let's put like this.



<MARQUEE>
This is our images <IMG SRC=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1sCr0UAH-8tjWSmGMb-idgNwPQbbE1ita4Ubz3T1dO8pQU4gen553yAKyhEiuVvTznUoimYQCE2UBwsDHiqDKZb_RPjwLD1o3JWFSpSluyi4TmTioFgCg_j5pAMBVjREva_9XPBvAUE/s320/Marquee+sample.jpg "ALT="like this">
</MARQUEE>


In our browser looks like this.
This is our images like this
========================================================================


How we change the HEIGHT AND WIDTH In our Images in Marquee? of course we must put like this


<MARQUEE>
This is our images  <IMG SRC="  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1sCr0UAH-8tjWSmGMb-idgNwPQbbE1ita4Ubz3T1dO8pQU4gen553yAKyhEiuVvTznUoimYQCE2UBwsDHiqDKZb_RPjwLD1o3JWFSpSluyi4TmTioFgCg_j5pAMBVjREva_9XPBvAUE/s320/Marquee+sample.jpg " HEIGHT=60 WIDTH=60 ALT="like this ">
</MARQUEE>


In our browser looks like this.
This is our images like this
========================================================================

You like to put percent Width or Percent Height of your images you must write
<MARQUEE WIDTH="30%"> and end </MARQUEE> .Let us try it
<MARQUEE HEIGHT="30%"> and end </MARQUEE>Let us try it


<MARQUEE WIDTH="30%">
This is our images  <IMG SRC="  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1sCr0UAH-8tjWSmGMb-idgNwPQbbE1ita4Ubz3T1dO8pQU4gen553yAKyhEiuVvTznUoimYQCE2UBwsDHiqDKZb_RPjwLD1o3JWFSpSluyi4TmTioFgCg_j5pAMBVjREva_9XPBvAUE/s320/Marquee+sample.jpg " HEIGHT=60 WIDTH=60 ALT="like this ">
</MARQUEE>



In our browser looks like this
This is our images like this
Something same right? but that is not same, you can test it what is the different of percentage width of MARQUEE and normal width of Marquee images.
========================================================================

So we are done now? let's move in another part again. Hope you like it and our Website are cool now.


No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |