In that post you will learn that, how to customize attributes in tags in HTML like <button>, <marquee> etc.
you can customize the various attributes like width, height,
colors etc in html. In that post you will found mainly three tags that are important in html.
1.) THE
MARQUEE TAG:-generally, marquee tag is a stylish tag. You can
customize the various attributes in that tag like SCROLLAMOUNT, BEHAVIOUR, and
ONMOUSE etc.
SCROLLAMOUNT:
You can change the speed of moving text by changing it.
EXAMPLE:-
SCROLLAMOUNT="10"
SCROLLAMOUNT="100"
BEHAVIOR:- BY
the behavior tag, You can change the behavior of text or image under the
marquee tag.
EXAMPLE:-
behavior="alternate"
behavior="scroll”
behavior="slide"
onmouseover="stop()":-
when you put cursor on the text under marquee tag then the
onmouseover will stop the marquee text in the browser.
onmouseout="start()":-
When you move out cursor from the marquee text
then it will start the marquee text in the browser.
TO CHECK OUT THE FOLLOWING CODE, PASTE THE FOLLOWING CODE IN
NOTEPAD AND SAVE IT AS abc.html
<html>
<body>
<marquee
SCROLLAMOUNT="50" behavior="alternate"
onmouseover="stop()" onmouseout="start()">CYBER
SOLUTIONS</marquee>
</body>
</html>
*** SOME TIMES THAT ATTRIBUTE DID NOT WORK IN CHROME
*** SOME TIMES THAT ATTRIBUTE DID NOT WORK IN CHROME
THE OUTPUT OF ABOVE CODE IS:-
2.) FORMATTED TEXT:- IN HTML you can change the format of text in
any way by changing the attributes such as font-family, font-size, font-weight,
color.
Font-family:
there are many type types of font families like LED, MONOTYPE, ARIAL BLACK and
etc.
EXAMPLE:
font-family: 'Monotype Corsiva'
font-family: 'ARIAL BLACK'
font-family: 'LED'
font-size:you
can change the size of text by change the value in font-size.
Example:
font-size: 40px
font-size: 20px
font-weight:-you
can change the weight of text by changing the value of that attribute.
Example:
font-weight: lighter;
font-weight: heavy;
color: you can change the color of text by changing the
hex-code in color attribute. You can find the hex-code of your favorite color
here:-linkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
TO CHECK OUT THE FORMATTED TEXT: PASTE THE FOLLOWING CODE IN
NOTEPAD AND SAVE IT AS format.html
<html>
<body>
<title>formatted
text</title>
<h1 style="font-family:
'Monotype Corsiva'; font-size: 40px; font-weight: lighter; color:
#0000FF;">
YOUR-TEXT-HERE</h1>
</body>
</html>
THE OUTPUT OF ABOVE CODE IS:
YOUR-TEXT-HERE
BUTTON:-
By the button tag you can link any page to it. You can customize it by changing
the attributes like size of button, z-index etc.
For check out this, paste the following code in notepad, and
save it as button.html
<html>
<body>
<title>button</title>
<button
style="z-index: 1; left: 526px; top: 288px; position: absolute; height:
44px; width: 275px">CYBER SOLUTIONS</button>
</body>
</html>
NOTE:- IF YOU GOT STUCK AT ANY POINT, PLEASE LEAVE A COMMENT
FOR US. AND DON'T FORGET TO SUBSCRIBE US FOR LATEST UPDATES.
0 comments:
Post a Comment