WELCOME TO BHATI TRICKS WRITE FOR US ADVERTISE YOUR BLOG/SITE HERE POST YOUR ARTICLE/TRICK HERE



Friday 19 July 2013

ADVANCED ATTRIBUTES IN HTML


HTML-ADVANCED-TAGS

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
THE OUTPUT OF ABOVE CODE IS:-

CYBER SOLUTIONS



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.

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Post a Comment

 

ABOUT THE AUTHOR

Founder & Author:I ABHISHEK BHATI student of COMPUTER SCIENCE by education a Blogger by profession. Exploring Technology is my passion.BHATI TRICKS is place for Tech Lovers. ABHISHEK BHATI launched his frist Marketing Site in 2013.
...Read More

GET FREE EMAIL UPDATES

Join us for free and get valuable content delivered right in your inbox.



recent comments

BHATI TRICKS Widget

| BHATI TRICKS © BHATI TRICKS. All Rights Reserved | | Back To Top |